Plugin Directory

Changeset 2648808


Ignore:
Timestamp:
12/24/2021 03:50:17 PM (3 years ago)
Author:
biplob018
Message:

update to 2.6.1

Location:
image-hover-effects-ultimate-visual-composer
Files:
211 added
81 edited

Legend:

Unmodified
Added
Removed
  • image-hover-effects-ultimate-visual-composer/trunk/Classes/Admin_Ajax.php

    r2646976 r2648808  
    5353    public function __construct($type = '', $data = '', $styleid = '', $itemid = '') {
    5454        if (!empty($type) && !empty($data)):
     55
     56            $user_permission = $this->check_user_permission();
     57            if (!current_user_can($user_permission)):
     58                return wp_die(__('You do not have permission.'));
     59            endif;
     60
    5561            global $wpdb;
    5662            $this->wpdb = $wpdb;
     
    6268    }
    6369
     70    public function check_user_permission() {
     71        $user_role = get_option('oxi_addons_user_permission');
     72        $role_object = get_role($user_role);
     73        $first_key = '';
     74        if (isset($role_object->capabilities) && is_array($role_object->capabilities)) {
     75            reset($role_object->capabilities);
     76            $first_key = key($role_object->capabilities);
     77        } else {
     78            $first_key = 'manage_options';
     79        }
     80        return $first_key;
     81    }
     82
    6483    public function active_data() {
     84        $user_permission = $this->check_user_permission();
     85        if (!current_user_can($user_permission)):
     86            return wp_die(__('You do not have permission.'));
     87        endif;
     88
    6589        global $wpdb;
    6690        $this->wpdb = $wpdb;
     
    88112                    $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, 'flip', $value['files'], $value['css'])));
    89113                }
    90                 echo admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id");
     114                echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id"));
    91115            endif;
    92116        else:
     
    102126                    $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, 'flip', $value['files'], $value['css'])));
    103127                }
    104                 echo admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id");
     128                echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id"));
    105129            endif;
    106130        endif;
     
    131155            $flip = 'flip';
    132156            $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import_table} (type, name) VALUES (%s, %d)", array($flip, $styleid)));
    133             echo admin_url("admin.php?page=oxi-flip-box-ultimate-new#Style" . $styleid);
     157            echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new#Style" . $styleid));
    134158        else:
    135159            echo 'Silence is Golden';
     
    178202    }
    179203
    180     public function get_shortcode_export($data = '', $styleid = '', $itemid = '') {
    181         echo $styleid;
    182         if ($styleid):
    183             $style = $this->wpdb->get_row($this->wpdb->prepare("SELECT * FROM $this->parent_table WHERE id = %d", $styleid), ARRAY_A);
    184             $child = $this->wpdb->get_results($this->wpdb->prepare("SELECT * FROM $this->child_table WHERE styleid = %d ORDER by id ASC", $styleid), ARRAY_A);
    185             $filename = 'oxilab-flipboxand' . $style['id'] . '.json';
    186             $files = [
    187                 'style' => $style,
    188                 'child' => $child,
    189             ];
    190             $finalfiles = json_encode($files);
    191             $this->send_file_headers($filename, strlen($finalfiles));
    192             @ob_end_clean();
    193             flush();
    194             echo $finalfiles;
    195             die;
    196         else:
    197             return 'Silence is Golden';
    198         endif;
    199         return;
    200     }
    201 
    202     public function post_json_import($folder, $filename) {
    203         if (is_file($folder . $filename)) {
    204             $this->active_data();
    205             $params = json_decode(file_get_contents($folder . $filename), true);
    206             $style = $params['style'];
    207             $child = $params['child'];
    208             $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->parent_table} (name, type, style_name, css) VALUES ( %s, %s, %s, %s)", array($style['name'], $style['type'], $style['style_name'], $style['css'])));
    209             $redirect_id = $this->wpdb->insert_id;
    210             if ($redirect_id > 0):
    211                 foreach ($child as $value) {
    212                     $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, $value['type'], $value['files'], $value['css'])));
    213                 }
    214             endif;
    215             $check_import = $this->wpdb->get_row($this->wpdb->prepare("SELECT * FROM  $this->import_table WHERE type = %s AND name = %s", 'flip', str_replace('style', '', $style['style_name'])), ARRAY_A);
    216             if (!is_array($check_import)):
    217                 $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import_table} (type, name) VALUES ( %s, %s)", array('flip', str_replace('style', '', $style['style_name']))));
    218             endif;
    219         }
     204    public function post_json_import($params) {
     205        if (!is_array($params) || $params['style']['type'] != 'flip') {
     206            return new \WP_Error('file_error', 'Invalid Content In File');
     207        }
     208        $this->active_data();
     209
     210        $style = $params['style'];
     211        $child = $params['child'];
     212        $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->parent_table} (name, type, style_name, css) VALUES ( %s, %s, %s, %s)", array($style['name'], $style['type'], $style['style_name'], $style['css'])));
     213        $redirect_id = $this->wpdb->insert_id;
     214        if ($redirect_id > 0):
     215            foreach ($child as $value) {
     216                $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} (styleid, type, files, css) VALUES (%d, %s, %s, %s)", array($redirect_id, $value['type'], $value['files'], $value['css'])));
     217            }
     218        endif;
     219        $check_import = $this->wpdb->get_row($this->wpdb->prepare("SELECT * FROM  $this->import_table WHERE type = %s AND name = %s", 'flip', str_replace('style', '', $style['style_name'])), ARRAY_A);
     220        if (!is_array($check_import)):
     221            $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->import_table} (type, name) VALUES ( %s, %s)", array('flip', str_replace('style', '', $style['style_name']))));
     222        endif;
     223        return admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$redirect_id");
    220224    }
    221225
     
    245249            endif;
    246250        endif;
    247         echo json_encode($data);
     251
    248252        return;
    249253    }
     
    263267                $message = $response->get_error_message();
    264268            } else {
    265                 $message = __('An error occurred, please try again.');
     269                $message = esc_html('An error occurred, please try again.');
    266270            }
    267271        } else {
     
    274278                    case 'expired' :
    275279
    276                         $message = sprintf(
    277                                 __('Your license key expired on %s.'), date_i18n(get_option('date_format'), strtotime($license_data->expires, current_time('timestamp')))
    278                         );
     280                        $message = esc_html('Your license key expired')
     281                        ;
    279282                        break;
    280283
    281284                    case 'revoked' :
    282285
    283                         $message = __('Your license key has been disabled.');
     286                        $message = esc_html('Your license key has been disabled.');
    284287                        break;
    285288
    286289                    case 'missing' :
    287290
    288                         $message = __('Invalid license.');
     291                        $message = esc_html('Invalid license.');
    289292                        break;
    290293
     
    292295                    case 'site_inactive' :
    293296
    294                         $message = __('Your license is not active for this URL.');
     297                        $message = esc_html('Your license is not active for this URL.');
    295298                        break;
    296299
    297300                    case 'item_name_mismatch' :
    298301
    299                         $message = sprintf(__('This appears to be an invalid license key for %s.'), OXI_FLIP_BOX_TEXTDOMAIN);
     302                        $message = esc_html('This appears to be an invalid license key ');
    300303                        break;
    301304
    302305                    case 'no_activations_left':
    303306
    304                         $message = __('Your license key has reached its activation limit.');
     307                        $message = esc_html('Your license key has reached its activation limit.');
    305308                        break;
    306309
    307310                    default :
    308311
    309                         $message = __('An error occurred, please try again.');
     312                        $message = esc_html('An error occurred, please try again.');
    310313                        break;
    311314                }
     
    333336                $message = $response->get_error_message();
    334337            } else {
    335                 $message = __('An error occurred, please try again.');
     338                $message = esc_html('An error occurred, please try again.');
    336339            }
    337340            return $message;
     
    349352     * @return void
    350353     */
    351     public function oxi_settings($data = '', $styleid = '', $itemid = '') {
     354    public function oxi_addons_user_permission($data = '', $styleid = '', $itemid = '') {
     355        $user_permission = $this->check_user_permission();
     356        if (!current_user_can($user_permission)):
     357            return wp_die(__('You do not have permission.'));
     358        endif;
    352359        $rawdata = json_decode(stripslashes($data), true);
    353         $name = sanitize_text_field($rawdata['name']);
    354360        $value = sanitize_text_field($rawdata['value']);
    355         if ($name === 'oxi_addons_user_permissions'):
    356             update_option('oxi_addons_user_permission', $value);
    357             echo '<span class="oxi-confirmation-success"></span>';
    358         elseif ($name === 'oxi_addons_font_awesome'):
    359             update_option('oxi_addons_font_awesome', $value);
    360             echo '<span class="oxi-confirmation-success"></span>';
    361         elseif ($name === 'oxi_addons_google_font'):
    362             update_option('oxi_addons_google_font', $value);
    363             echo '<span class="oxi-confirmation-success"></span>';
    364         elseif ($name === 'oxi_addons_pre_loader'):
    365             update_option('oxi_addons_pre_loader', $value);
    366             echo '<span class="oxi-confirmation-success"></span>';
    367         endif;
     361        update_option('oxi_addons_user_permission', $value);
     362        echo '<span class="oxi-confirmation-success"></span>';
     363        return;
     364    }
     365
     366    /**
     367     * Admin Settings
     368     * @return void
     369     */
     370    public function oxi_addons_font_awesome($data = '', $styleid = '', $itemid = '') {
     371        $user_permission = $this->check_user_permission();
     372        if (!current_user_can($user_permission)):
     373            return wp_die(__('You do not have permission.'));
     374        endif;
     375        $rawdata = json_decode(stripslashes($data), true);
     376        $value = sanitize_text_field($rawdata['value']);
     377        update_option('oxi_addons_font_awesome', $value);
     378        echo '<span class="oxi-confirmation-success"></span>';
     379        return;
     380    }
     381
     382    /**
     383     * Admin Settings
     384     * @return void
     385     */
     386    public function oxi_addons_google_font($data = '', $styleid = '', $itemid = '') {
     387        $user_permission = $this->check_user_permission();
     388        if (!current_user_can($user_permission)):
     389            return wp_die(__('You do not have permission.'));
     390        endif;
     391        $rawdata = json_decode(stripslashes($data), true);
     392        $value = sanitize_text_field($rawdata['value']);
     393        update_option('oxi_addons_google_font', $value);
     394        echo '<span class="oxi-confirmation-success"></span>';
     395        return;
     396    }
     397
     398    /**
     399     * Admin Settings
     400     * @return void
     401     */
     402    public function oxi_addons_pre_loader($data = '', $styleid = '', $itemid = '') {
     403        $user_permission = $this->check_user_permission();
     404        if (!current_user_can($user_permission)):
     405            return wp_die(__('You do not have permission.'));
     406        endif;
     407        $rawdata = json_decode(stripslashes($data), true);
     408        $value = sanitize_text_field($rawdata['value']);
     409        update_option('oxi_addons_pre_loader', $value);
     410        echo '<span class="oxi-confirmation-success"></span>';
    368411        return;
    369412    }
  • image-hover-effects-ultimate-visual-composer/trunk/Classes/Bootstrap.php

    r2497348 r2648808  
    117117
    118118    public function Admin_Filters() {
    119         // echo $this->fixed_data('6f78692d666c69702d626f782d737570706f72742d616e642d636f6d6d656e7473');
     119
    120120        add_filter($this->fixed_data('6f78692d666c69702d626f782d737570706f72742d616e642d636f6d6d656e7473'), array($this, $this->fixed_data('537570706f7274416e64436f6d6d656e7473')));
    121121        add_filter($this->fixed_data('6f78692d666c69702d626f782d706c7567696e2f70726f5f76657273696f6e'), array($this, $this->fixed_data('636865636b5f63757272656e745f74616273')));
  • image-hover-effects-ultimate-visual-composer/trunk/Classes/Installation.php

    r2629126 r2648808  
    9797    public function plugin_upgrade_hook($upgrader_object, $options) {
    9898        if ($options['action'] == 'update' && $options['type'] == 'plugin') {
    99             if (isset($options['plugins'][OXI_FLIP_BOX_TEXTDOMAIN])) {
     99            if (isset($options['plugins']['image-hover-effects-ultimate-visual-composer'])) {
    100100
    101101                $this->Flip_Datatase();
  • image-hover-effects-ultimate-visual-composer/trunk/Classes/Support_Recommended.php

    r2646976 r2648808  
    3535        }
    3636        $this->extension();
    37         add_action('admin_notices', array($this, 'first_install'));
     37
    3838        add_action('admin_enqueue_scripts', array($this, 'admin_enqueue_scripts'));
    3939        add_action('admin_notices', array($this, 'dismiss_button_scripts'));
     
    7373
    7474    /**
    75      * First Installation Track
    76      * @return void
    77      */
    78     public function first_install() {
    79         $installed_plugins = get_plugins();
    80 
    81         $plugin = [];
    82         $i = 1;
    83 
    84         foreach ($this->get_plugins as $key => $value) {
    85             if (!isset($installed_plugins[$value['modules-path']])) :
    86                 $plugin[$i] = $value;
    87                 $i++;
    88             endif;
    89         }
    90 
    91 
    92         $recommend = [];
    93 
    94         for ($p = 1; $p < 100; $p++) :
    95             if (isset($plugin[$p]) && count($recommend) < 3) :
    96                 if (isset($plugin[$p]['dependency']) && $plugin[$p]['dependency'] != '') :
    97                     if (isset($installed_plugins[$plugin[$p]['dependency']])) :
    98                         $recommend = $plugin[$p];
    99                         $p = 100;
    100                     endif;
    101                 elseif ($plugin[$p]['modules-path'] != $this->current_plugins) :
    102 
    103                     $recommend = $plugin[$p];
    104                     $p = 100;
    105                 endif;
    106 
    107             else :
    108                 $p = 100;
    109             endif;
    110         endfor;
    111 
    112         if (count($recommend) > 2 && $recommend['modules-path'] != '') :
    113             $plugin = explode('/', $recommend['modules-path'])[0];
    114             $massage = '<p>Thank you for using my Flipbox - Awesomes Flip Boxes Image Overlay. ' . $recommend['modules-massage'] . '</p>';
    115 
    116             $install_url = wp_nonce_url(add_query_arg(array('action' => 'install-plugin', 'plugin' => $plugin), admin_url('update.php')), 'install-plugin' . '_' . $plugin);
    117             echo '<div class="oxi-addons-admin-notifications" style=" width: auto;">
    118                         <h3>
    119                             <span class="dashicons dashicons-flag"></span>
    120                             Notifications
    121                         </h3>
    122                         <p></p>
    123                         <div class="oxi-addons-admin-notifications-holder">
    124                             <div class="oxi-addons-admin-notifications-alert">
    125                                 ' . $massage . '
    126                                 <p>' . sprintf('<a href="%s" class="button button-large button-primary">%s</a>', $install_url, __('Install Now', OXI_FLIP_BOX_TEXTDOMAIN)) . ' &nbsp;&nbsp;<a href="#" class="button button-large button-secondary oxi-flip-admin-recommended-dismiss">No, Thanks</a></p>
    127                             </div>
    128                         </div>
    129                         <p></p>
    130                     </div>';
    131         endif;
    132     }
    133 
    134     /**
    13575     * Admin Notice CSS file loader
    13676     * @return void
  • image-hover-effects-ultimate-visual-composer/trunk/Classes/Support_Reviews.php

    r2646976 r2648808  
    1515     */
    1616    public function __construct() {
     17        if (!current_user_can('install_plugins')):
     18            return;
     19        endif;
    1720        add_action('admin_notices', array($this, 'first_install'));
    1821        add_action('admin_enqueue_scripts', array($this, 'admin_enqueue_scripts'));
     
    5154        }
    5255        $image = OXI_FLIP_BOX_URL . 'image/logo.png';
    53         echo _(' <div class="notice notice-info put-dismiss-noticenotice-has-thumbnail shortcode-addons-review-notice oxilab-flipbox-review-notice">
    54                     <div class="shortcode-addons-notice-thumbnail">
    55                         <img src="' . $image . '" alt=""></div>
    56                     <div class="shortcode-addons--notice-message">
    57                         <p>Hey, You’ve using <strong>Flipbox - Awesomes Flip Boxes Image Overlay</strong> more than 1 week – that’s awesome! Could you please do me a BIG favor and give it a 5-star rating on WordPress? Just to help us spread the word and boost our motivation.!</p>
    58                         <ul class="shortcode-addons--notice-link">
    59                             <li>
    60                                 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/reviews/" target="_blank">
    61                                     <span class="dashicons dashicons-external"></span>Ok, you deserve it!
    62                                 </a>
    63                             </li>
    64                             <li>
    65                                 <a class="oxi-flip-support-reviews" sup-data="success" href="#">
    66                                     <span class="dashicons dashicons-smiley"></span>I already did
    67                                 </a>
    68                             </li>
    69                             <li>
    70                                 <a class="oxi-flip-support-reviews" sup-data="maybe" href="#">
    71                                     <span class="dashicons dashicons-calendar-alt"></span>Maybe Later
    72                                 </a>
    73                             </li>
    74                             <li>
    75                                 <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">
    76                                     <span class="dashicons dashicons-sos"></span>I need help
    77                                 </a>
    78                             </li>
    79                             <li>
    80                                 <a class="oxi-flip-support-reviews" sup-data="never"  href="#">
    81                                     <span class="dashicons dashicons-dismiss"></span>Never show again
    82                                 </a>
    83                             </li>
    84                         </ul>
    85                     </div>
    86                 </div>');
     56        ?>
     57        <div class="notice notice-info put-dismiss-noticenotice-has-thumbnail shortcode-addons-review-notice oxilab-flipbox-review-notice">
     58            <div class="shortcode-addons-notice-thumbnail">
     59                <img src="<?php echo esc_url($image); ?>" alt=""></div>
     60            <div class="shortcode-addons--notice-message">
     61                <p>Hey, You’ve using <strong>Flipbox - Awesomes Flip Boxes Image Overlay</strong> more than 1 week – that’s awesome! Could you please do me a BIG favor and give it a 5-star rating on WordPress? Just to help us spread the word and boost our motivation.!</p>
     62                <ul class="shortcode-addons--notice-link">
     63                    <li>
     64                        <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/reviews/" target="_blank">
     65                            <span class="dashicons dashicons-external"></span>Ok, you deserve it!
     66                        </a>
     67                    </li>
     68                    <li>
     69                        <a class="oxi-flip-support-reviews" sup-data="success" href="#">
     70                            <span class="dashicons dashicons-smiley"></span>I already did
     71                        </a>
     72                    </li>
     73                    <li>
     74                        <a class="oxi-flip-support-reviews" sup-data="maybe" href="#">
     75                            <span class="dashicons dashicons-calendar-alt"></span>Maybe Later
     76                        </a>
     77                    </li>
     78                    <li>
     79                        <a href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">
     80                            <span class="dashicons dashicons-sos"></span>I need help
     81                        </a>
     82                    </li>
     83                    <li>
     84                        <a class="oxi-flip-support-reviews" sup-data="never"  href="#">
     85                            <span class="dashicons dashicons-dismiss"></span>Never show again
     86                        </a>
     87                    </li>
     88                </ul>
     89            </div>
     90        </div>
     91        <?php
    8792    }
    8893
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style1.php

    r2590546 r2648808  
    113113        <div class="modal-body row">
    114114            <?php
    115             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    116             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
    117             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     115            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     116            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
     117            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    118118            ?>
    119119        </div>
     
    126126        <div class="modal-body row">
    127127            <?Php
    128             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    129             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    130             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    131             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     128            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     129            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     130            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     131            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    132132            ?>
    133133        </div>
     
    144144                    </div>
    145145                    <?php
    146                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    147                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    148                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    149                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     146                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     147                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     148                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     149                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    150150                    ?>
    151151                </div>
     
    155155                    </div>
    156156                    <?php
    157                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    158                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     157                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     158                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    159159                    ?>
    160160                </div>
     
    166166                    </div>
    167167                    <?php
    168                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    169                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     168                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     169                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    170170                    ?>
    171171                </div>
     
    175175                    </div>
    176176                    <?php
    177                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    178                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    179                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     177                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     178                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     179                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    180180                    ?>
    181181                </div>
     
    190190                    <?php ?>
    191191                    <?php
    192                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-data');
    193                     echo $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
    194                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    195                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    196                     echo $this->oxilab_flip_box_admin_number('front-border-size', $this->style[75], '1', 'Border Size', 'Give your Border Size around the Flip');
     192                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-data');
     193                    $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
     194                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     195                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     196                    $this->oxilab_flip_box_admin_number('front-border-size', $this->style[75], '1', 'Border Size', 'Give your Border Size around the Flip');
    197197                    ?>
    198198                </div>
     
    202202                    </div>
    203203                    <?php
    204                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    205                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-image-icon [class^=\'fa\']');
    206                     echo $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-image-icon');
    207                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    208                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     204                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     205                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-image-icon [class^=\'fa\']');
     206                    $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background', '.oxilab-flip-box-' . $this->oxiid . '-image-icon');
     207                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     208                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    209209                    ?>
    210210                </div>
     
    216216                    </div>
    217217                    <?php
    218                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    219                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-heading-data');
    220                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    221                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    222                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    223                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    224                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    225                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     218                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     219                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-heading-data');
     220                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     221                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     222                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     223                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     224                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     225                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    226226                    ?>
    227227                </div>
     
    235235                    </div>
    236236                    <?php
    237                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    238                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    239                     echo $this->oxilab_flip_box_admin_number('backend-border-size', $this->style[105], '1', 'Border Size', 'Give your Border Size around the Flip');
    240                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     237                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     238                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     239                    $this->oxilab_flip_box_admin_number('backend-border-size', $this->style[105], '1', 'Border Size', 'Give your Border Size around the Flip');
     240                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    241241                    ?>
    242242                </div>
     
    246246                    </div>
    247247                    <?php
    248                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    249                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    250                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    251                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    252                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    253                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    254                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    255                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     248                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     249                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     250                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     251                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     252                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     253                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     254                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     255                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    256256                    ?>
    257257                </div>
     
    263263                    </div>
    264264                    <?php
    265                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    266                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    267                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    268                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    269                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    270                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    271                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    272                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    273                     echo $this->oxilab_flip_box_admin_number_double('backend-button-padding-top', $this->style[133], 'backend-button-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    274                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    275                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    276                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    277                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     265                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     266                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     267                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     268                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     269                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     270                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     271                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     272                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     273                    $this->oxilab_flip_box_admin_number_double('backend-button-padding-top', $this->style[133], 'backend-button-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     274                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     275                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     276                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     277                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    278278                    ?>
    279279                </div>
     
    284284                <div class="form-group">
    285285                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    286                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[149]; ?></textarea>
     286                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[149]); ?></textarea>
    287287                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    288288                </div>
     
    292292        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    293293            <?php
    294             echo $this->oxilab_flip_box_admin_support();
     294            $this->oxilab_flip_box_admin_support();
    295295            ?>
    296296        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style10.php

    r2590546 r2648808  
    9696        <div class="modal-body row">
    9797            <?php
    98             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    99             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
    100             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    101             ?>                                           
     98            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     99            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
     100            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     101            ?>
    102102        </div>
    103103        <div class="modal-header">
     
    109109        <div class="modal-body row">
    110110            <?Php
    111             echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook-f');
    112             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    113             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    114             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    115             ?>                                           
     111            $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook-f');
     112            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     113            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     114            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     115            ?>
    116116        </div>
    117117        <?php
     
    125125                    <div class="oxi-head">
    126126                        General Settings
    127                     </div> 
    128                     <?php
    129                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    130                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    131                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    132                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    133                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[69], '1', 'Border Radius', 'Set your flip Border Radius');
    134                     ?>   
    135                 </div> 
     127                    </div>
     128                    <?php
     129                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     130                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     131                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     132                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     133                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[69], '1', 'Border Radius', 'Set your flip Border Radius');
     134                    ?>
     135                </div>
    136136                <div class="oxi-addons-content-div">
    137137                    <div class="oxi-head">
    138138                        Optional Settings
    139                     </div> 
    140                     <?php
    141                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    142                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    143                     ?> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     142                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     143                    ?>
    144144                </div>
    145145            </div>
     
    150150                    </div>
    151151                    <?php
    152                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    153                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    154                     ?> 
    155                 </div> 
     152                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     153                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     154                    ?>
     155                </div>
    156156                <div class="oxi-addons-content-div">
    157157                    <div class="oxi-head">
     
    159159                    </div>
    160160                    <?php
    161                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    162                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    163                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    164                     ?> 
    165                 </div> 
     161                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     162                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     163                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     164                    ?>
     165                </div>
    166166            </div>
    167167        </div>
     
    171171                    <div class="oxi-head">
    172172                        General Settings
    173                     </div> 
    174                     <?php
    175                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', ' background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    176                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    177                     ?>   
    178                 </div> 
     173                    </div>
     174                    <?php
     175                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', ' background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     176                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     177                    ?>
     178                </div>
    179179                <div class="oxi-addons-content-div">
    180180                    <div class="oxi-head">
    181181                        Icon Settings
    182                     </div> 
    183                     <?php
    184                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    185                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    186                     echo $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    187                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    188                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    189                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    190                     ?> 
     182                    </div>
     183                    <?php
     184                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     185                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     186                    $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     187                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     188                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     189                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     190                    ?>
    191191                </div>
    192192            </div>
     
    197197                    </div>
    198198                    <?php
    199                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    200                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    201                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    202                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    203                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    204                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    205                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    206                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    207                     ?> 
    208                 </div> 
     199                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     200                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     201                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     202                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     203                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     204                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     205                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     206                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     207                    ?>
     208                </div>
    209209            </div>
    210210        </div>
     
    214214                    <div class="oxi-head">
    215215                        General Settings
    216                     </div> 
    217                     <?php
    218                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    219                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    220                     ?>   
    221                 </div> 
     216                    </div>
     217                    <?php
     218                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     219                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     220                    ?>
     221                </div>
    222222                <div class="oxi-addons-content-div">
    223223                    <div class="oxi-head">
    224224                        Icon Settings
    225                     </div> 
    226                     <?php
    227                     echo $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    228                     echo $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    229                     echo $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    230                     echo $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    231                     ?> 
     225                    </div>
     226                    <?php
     227                    $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     228                    $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     229                    $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     230                    $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     231                    ?>
    232232                </div>
    233233            </div>
     
    236236                    <div class="oxi-head">
    237237                        Backend Info
    238                     </div> 
    239                     <?php
    240                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    241                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    242                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    243                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    244                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    245                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    246                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    247                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    248                     ?> 
    249                 </div>                                                                       
     238                    </div>
     239                    <?php
     240                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     241                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     242                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     243                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     244                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     245                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     246                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     247                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     248                    ?>
     249                </div>
    250250            </div>
    251251        </div>
     
    254254                <div class="form-group">
    255255                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    256                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[137]; ?></textarea>
     256                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[137]); ?></textarea>
    257257                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    258258                </div>
     
    261261        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    262262            <?php
    263             echo $this->oxilab_flip_box_admin_support();
     263            $this->oxilab_flip_box_admin_support();
    264264            ?>
    265265        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style11.php

    r2590546 r2648808  
    130130        <div class="modal-body row">
    131131            <?php
    132             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    133             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
    134             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    135             ?>                                           
     132            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     133            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook-f');
     134            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     135            ?>
    136136        </div>
    137137        <div class="modal-header">
     
    143143        <div class="modal-body row">
    144144            <?Php
    145             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[7], 'Backend Title', 'Add your flip backend title.');
    146             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[9], 'Backend Info:', 'Add backend Info text unless make it blank.');
    147             echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[11], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    148             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.');
    149             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[15], 'Link', 'Add your desire link or url unless make it blank');
    150             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[17], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    151             ?>                                           
     145            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[7], 'Backend Title', 'Add your flip backend title.');
     146            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[9], 'Backend Info:', 'Add backend Info text unless make it blank.');
     147            $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[11], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     148            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.');
     149            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[15], 'Link', 'Add your desire link or url unless make it blank');
     150            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[17], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     151            ?>
    152152        </div>
    153153        <?php
     
    161161                    <div class="oxi-head">
    162162                        General Settings
    163                     </div> 
    164                     <?php
    165                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    166                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    167                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    168                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    169                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    170                     ?>   
    171                 </div> 
     163                    </div>
     164                    <?php
     165                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     166                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     167                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     168                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     169                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     170                    ?>
     171                </div>
    172172                <div class="oxi-addons-content-div">
    173173                    <div class="oxi-head">
    174174                        Optional Settings
    175                     </div> 
    176                     <?php
    177                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    178                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    179                     ?> 
     175                    </div>
     176                    <?php
     177                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     178                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     179                    ?>
    180180                </div>
    181181            </div>
     
    186186                    </div>
    187187                    <?php
    188                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    189                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    190                     ?> 
    191                 </div> 
     188                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     189                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     190                    ?>
     191                </div>
    192192                <div class="oxi-addons-content-div">
    193193                    <div class="oxi-head">
     
    195195                    </div>
    196196                    <?php
    197                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    198                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    199                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    200                     ?> 
    201                 </div> 
     197                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     198                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     199                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     200                    ?>
     201                </div>
    202202            </div>
    203203        </div>
     
    207207                    <div class="oxi-head">
    208208                        General Settings
    209                     </div> 
    210                     <?php
    211                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    212                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    213                     ?>   
    214                 </div> 
     209                    </div>
     210                    <?php
     211                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     212                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     213                    ?>
     214                </div>
    215215                <div class="oxi-addons-content-div">
    216216                    <div class="oxi-head">
    217217                        Icon Settings
    218                     </div> 
    219                     <?php
    220                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    221                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    222                     echo $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    223                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    224                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    225                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    226                     ?> 
     218                    </div>
     219                    <?php
     220                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     221                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     222                    $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[9], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     223                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     224                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     225                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[133], 'front-icon-padding-left-right', $this->style[135], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     226                    ?>
    227227                </div>
    228228            </div>
     
    233233                    </div>
    234234                    <?php
    235                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    236                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    237                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    238                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    239                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    240                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    241                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    242                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    243                     ?> 
    244                 </div> 
     235                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     236                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     237                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     238                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     239                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     240                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     241                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     242                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     243                    ?>
     244                </div>
    245245            </div>
    246246        </div>
     
    250250                    <div class="oxi-head">
    251251                        General Settings
    252                     </div> 
    253                     <?php
    254                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    255                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    256                     ?>   
    257                 </div> 
     252                    </div>
     253                    <?php
     254                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     255                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     256                    ?>
     257                </div>
    258258                <div class="oxi-addons-content-div">
    259259                    <div class="oxi-head">
    260260                        Icon Settings
    261                     </div> 
    262                     <?php
    263                     echo $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    264                     echo $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[17], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    265                     echo $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    266                     echo $this->oxilab_flip_box_admin_number('backend-icon-border-bottom', $this->style[105], '1', 'Icon Border Bottom', 'Set your Icon Border Bottom Size.');
    267                     echo $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    268                     ?> 
     261                    </div>
     262                    <?php
     263                    $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     264                    $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[17], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     265                    $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     266                    $this->oxilab_flip_box_admin_number('backend-icon-border-bottom', $this->style[105], '1', 'Icon Border Bottom', 'Set your Icon Border Bottom Size.');
     267                    $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[129], 'backend-icon-padding-left-right', $this->style[131], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     268                    ?>
    269269                </div>
    270270                <div class="oxi-addons-content-div">
     
    273273                    </div>
    274274                    <?php
    275                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[137], '1', 'Font Size', 'Set your backend Heading Font Size');
    276                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[15], '', ' Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    277                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[139], 'Font Family', 'Give your Prepared Font from our Google Font List');
    278                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[141], 'Font Style', 'Set your Heading Font Style');
    279                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[143], 'Font Weight', 'Give your backend Heading Font Weight');
    280                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[145], 'Text Align', 'Give your Heading Text Align');
    281                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[147], 'backend-heading-padding-bottom', $this->style[149], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    282                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[151], 'backend-heading-padding-right', $this->style[153], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    283                     ?> 
     275                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[137], '1', 'Font Size', 'Set your backend Heading Font Size');
     276                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[15], '', ' Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     277                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[139], 'Font Family', 'Give your Prepared Font from our Google Font List');
     278                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[141], 'Font Style', 'Set your Heading Font Style');
     279                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[143], 'Font Weight', 'Give your backend Heading Font Weight');
     280                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[145], 'Text Align', 'Give your Heading Text Align');
     281                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[147], 'backend-heading-padding-bottom', $this->style[149], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     282                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[151], 'backend-heading-padding-right', $this->style[153], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     283                    ?>
    284284                </div>
    285285            </div>
     
    288288                    <div class="oxi-head">
    289289                        Backend Info
    290                     </div> 
    291                     <?php
    292                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    293                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    294                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    295                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    296                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    297                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    298                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    299                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    300                     ?> 
     290                    </div>
     291                    <?php
     292                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     293                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     294                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     295                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     296                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     297                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     298                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     299                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     300                    ?>
    301301                </div>
    302302                <div class="oxi-addons-content-div">
     
    305305                    </div>
    306306                    <?php
    307                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[155], '1', 'Font Size', 'Set your Backend Button Font Size');
    308                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    309                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    310                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    311                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    312                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[157], 'Font Family', 'Give your Prepared Font from our Google Font List');
    313                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[159], 'Font Style', 'Set your Backend Button Font Style');
    314                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[161], 'Font Weight', 'Give your Backend Button Font Weight');
    315                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[163], 'backend-button-info-padding-left', $this->style[165], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    316                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[167], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    317                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[169], 'Text Align', 'Give your Backend Button Text Align');
    318                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[171], 'backend-info-margin-bottom', $this->style[173], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    319                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[175], 'backend-info-margin-right', $this->style[177], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    320                     ?> 
    321                 </div> 
    322             </div>
    323         </div>             
     307                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[155], '1', 'Font Size', 'Set your Backend Button Font Size');
     308                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     309                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     310                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     311                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     312                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[157], 'Font Family', 'Give your Prepared Font from our Google Font List');
     313                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[159], 'Font Style', 'Set your Backend Button Font Style');
     314                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[161], 'Font Weight', 'Give your Backend Button Font Weight');
     315                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[163], 'backend-button-info-padding-left', $this->style[165], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     316                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[167], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     317                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[169], 'Text Align', 'Give your Backend Button Text Align');
     318                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[171], 'backend-info-margin-bottom', $this->style[173], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     319                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[175], 'backend-info-margin-right', $this->style[177], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     320                    ?>
     321                </div>
     322            </div>
     323        </div>
    324324        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    325325            <div class="col-xs-12 p-2">
    326326                <div class="form-group">
    327327                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    328                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[179]; ?></textarea>
     328                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[179]); ?></textarea>
    329329                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    330330                </div>
     
    333333        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    334334            <?php
    335             echo $this->oxilab_flip_box_admin_support();
     335            $this->oxilab_flip_box_admin_support();
    336336            ?>
    337337        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style12.php

    r2590546 r2648808  
    131131        <div class="modal-body row">
    132132            <?php
    133             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    134             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    135             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    136             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     133            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     134            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     135            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     136            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    137137            ?>
    138138        </div>
     
    145145        <div class="modal-body row">
    146146            <?php
    147             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    148             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    149             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    150             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     147            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     148            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     149            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     150            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    151151            ?>
    152152        </div>
     
    163163                    </div>
    164164                    <?php
    165                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    166                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    167                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    168                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    169                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');
     165                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     166                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     167                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     168                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     169                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');
    170170                    ?>
    171171                </div>
     
    175175                    </div>
    176176                    <?php
    177                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    178                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     177                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     178                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    179179                    ?>
    180180                </div>
     
    186186                    </div>
    187187                    <?php
    188                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    189                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     188                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     189                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    190190                    ?>
    191191                </div>
     
    195195                    </div>
    196196                    <?php
    197                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    198                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    199                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     197                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     198                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     199                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    200200                    ?>
    201201                </div>
     
    209209                    </div>
    210210                    <?php
    211                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    212                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    213                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');
    214                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     211                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     212                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     213                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');
     214                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    215215                    ?>
    216216                </div>
     
    220220                    </div>
    221221                    <?php
    222                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    223                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']');
    224                     echo $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
    225                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    226                     echo $this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
    227                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     222                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     223                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']');
     224                    $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
     225                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     226                    $this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
     227                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    228228                    ?>
    229229                </div>
     
    235235                    </div>
    236236                    <?php
    237                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    238                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    239                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    240                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    241                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    242                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    243                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    244                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     237                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     238                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     239                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     240                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     241                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     242                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     243                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     244                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    245245                    ?>
    246246                </div>
     
    250250                    </div>
    251251                    <?php
    252                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');
    253                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    254                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');
    255                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');
    256                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');
    257                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');
    258                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    259                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     252                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');
     253                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     254                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');
     255                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');
     256                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');
     257                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');
     258                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     259                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    260260                    ?>
    261261                </div>
     
    269269                    </div>
    270270                    <?php
    271                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    272                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    273                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');
    274                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     271                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     272                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     273                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');
     274                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    275275                    ?>
    276276                </div>
     
    280280                    </div>
    281281                    <?php
    282                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size');
    283                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    284                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List');
    285                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style');
    286                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight');
    287                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align');
    288                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    289                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     282                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size');
     283                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     284                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List');
     285                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style');
     286                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight');
     287                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align');
     288                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     289                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    290290                    ?>
    291291                </div>
     
    297297                    </div>
    298298                    <?php
    299                     echo $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[175], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
    300                     echo $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[177], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
    301                     echo $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[23], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     299                    $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[175], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
     300                    $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[177], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
     301                    $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[23], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    302302                    ?>
    303303                </div>
     
    307307                    </div>
    308308                    <?php
    309                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    310                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    311                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    312                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    313                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    314                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    315                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    316                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     309                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     310                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     311                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     312                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     313                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     314                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     315                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     316                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    317317                    ?>
    318318                </div>
     
    323323                <div class="form-group">
    324324                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    325                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[179]; ?></textarea>
     325                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[179]); ?></textarea>
    326326                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    327327                </div>
     
    330330        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    331331            <?php
    332             echo $this->oxilab_flip_box_admin_support();
     332            $this->oxilab_flip_box_admin_support();
    333333            ?>
    334334        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style13.php

    r2590546 r2648808  
    140140        <div class="modal-body row">
    141141            <?php
    142             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    143             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    144             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    145             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    146             ?>                                           
     142            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     143            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     144            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     145            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     146            ?>
    147147        </div>
    148148        <div class="modal-header">
     
    154154        <div class="modal-body row">
    155155            <?Php
    156             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    157             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    158             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    159             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    160             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    161             ?>                                           
     156            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     157            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     158            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     159            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     160            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     161            ?>
    162162        </div>
    163163        <?php
     
    171171                    <div class="oxi-head">
    172172                        General Settings
    173                     </div> 
    174                     <?php
    175                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    176                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    177                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    178                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    179                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    180                     ?>   
    181                 </div> 
     173                    </div>
     174                    <?php
     175                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     176                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     177                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     178                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     179                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     180                    ?>
     181                </div>
    182182                <div class="oxi-addons-content-div">
    183183                    <div class="oxi-head">
    184184                        Optional Settings
    185                     </div> 
    186                     <?php
    187                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    188                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    189                     ?> 
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     188                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     189                    ?>
    190190                </div>
    191191            </div>
     
    196196                    </div>
    197197                    <?php
    198                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    199                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    200                     ?> 
    201                 </div> 
     198                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     199                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     200                    ?>
     201                </div>
    202202                <div class="oxi-addons-content-div">
    203203                    <div class="oxi-head">
     
    205205                    </div>
    206206                    <?php
    207                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    208                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    209                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    210                     ?> 
    211                 </div> 
     207                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     208                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     209                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     210                    ?>
     211                </div>
    212212            </div>
    213213        </div>
     
    217217                    <div class="oxi-head">
    218218                        General Settings
    219                     </div> 
    220                     <?php
    221                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    222                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    223                     ?>   
    224                 </div> 
     219                    </div>
     220                    <?php
     221                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     222                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     223                    ?>
     224                </div>
    225225                <div class="oxi-addons-content-div">
    226226                    <div class="oxi-head">
    227227                        Icon Settings
    228                     </div> 
    229                     <?php
    230                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    231                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    232                     echo $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    233                     echo $this->oxilab_flip_box_admin_color('front-icon-border-color', $this->style[7], '', 'Border Color', 'Set your Icon Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    234                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    235                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    236                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    237                     ?> 
     228                    </div>
     229                    <?php
     230                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     231                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     232                    $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     233                    $this->oxilab_flip_box_admin_color('front-icon-border-color', $this->style[7], '', 'Border Color', 'Set your Icon Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     234                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     235                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     236                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     237                    ?>
    238238                </div>
    239239            </div>
     
    244244                    </div>
    245245                    <?php
    246                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    247                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    248                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    249                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    250                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    251                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    252                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    253                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    254                     ?> 
    255                 </div> 
     246                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     247                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     248                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     249                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     250                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     251                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     252                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     253                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     254                    ?>
     255                </div>
    256256                <div class="oxi-addons-content-div">
    257257                    <div class="oxi-head">
     
    259259                    </div>
    260260                    <?php
    261                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
    262                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    263                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
    264                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
    265                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
    266                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
    267                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    268                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    269                     ?> 
    270                 </div> 
     261                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
     262                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     263                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
     264                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
     265                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
     266                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
     267                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     268                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     269                    ?>
     270                </div>
    271271            </div>
    272272        </div>
     
    276276                    <div class="oxi-head">
    277277                        General Settings
    278                     </div> 
    279                     <?php
    280                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    281                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    282                     ?>   
    283                 </div> 
     278                    </div>
     279                    <?php
     280                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     281                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     282                    ?>
     283                </div>
    284284                <div class="oxi-addons-content-div">
    285285                    <div class="oxi-head">
     
    287287                    </div>
    288288                    <?php
    289                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    290                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    291                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    292                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    293                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    294                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    295                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    296                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    297                     ?> 
     289                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     290                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     291                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     292                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     293                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     294                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     295                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     296                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     297                    ?>
    298298                </div>
    299299            </div>
     
    302302                    <div class="oxi-head">
    303303                        Backend Info
    304                     </div> 
    305                     <?php
    306                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    307                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    308                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    309                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    310                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    311                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    312                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    313                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    314                     ?> 
     304                    </div>
     305                    <?php
     306                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     307                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     308                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     309                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     310                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     311                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     312                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     313                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     314                    ?>
    315315                </div>
    316316                <div class="oxi-addons-content-div">
     
    319319                    </div>
    320320                    <?php
    321                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    322                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    323                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    324                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    325                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    326                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    327                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    328                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    329                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    330                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    331                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    332                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    333                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    334                     ?> 
    335                 </div>                                                                                       
    336             </div>
    337         </div>   
     321                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     322                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     323                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     324                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     325                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     326                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     327                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     328                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     329                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     330                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     331                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     332                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     333                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     334                    ?>
     335                </div>
     336            </div>
     337        </div>
    338338        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    339339            <div class="col-xs-12 p-2">
    340340                <div class="form-group">
    341341                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    342                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     342                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    343343                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    344344                </div>
     
    347347        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    348348            <?php
    349             echo $this->oxilab_flip_box_admin_support();
     349            $this->oxilab_flip_box_admin_support();
    350350            ?>
    351351        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style14.php

    r2590546 r2648808  
    157157        </div>
    158158        <div class="modal-body row">
    159         <?php
    160         echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    161         echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    162         echo $this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
    163         echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    164         ?>                                           
     159            <?php
     160            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     161            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     162            $this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
     163            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     164            ?>
    165165        </div>
    166166        <div class="modal-header">
     
    171171        </div>
    172172        <div class="modal-body row">
    173         <?Php
    174         echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    175         echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    176         echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[19], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
    177         echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    178         echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    179         echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    180         ?>                                           
    181         </div>
    182             <?php
    183         }
    184 
    185         public function register_controls() {
     173            <?Php
     174            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     175            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     176            $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[19], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
     177            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     178            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     179            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    186180            ?>
     181        </div>
     182        <?php
     183    }
     184
     185    public function register_controls() {
     186        ?>
    187187        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-5">
    188188            <div class="oxi-addons-col-6">
     
    190190                    <div class="oxi-head">
    191191                        General Settings
    192                     </div> 
    193                     <?php
    194                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    195                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    196                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    197                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    198                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');
    199                     ?>   
    200                 </div> 
     192                    </div>
     193                    <?php
     194                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     195                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     196                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     197                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     198                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');
     199                    ?>
     200                </div>
    201201                <div class="oxi-addons-content-div">
    202202                    <div class="oxi-head">
    203203                        Optional Settings
    204                     </div> 
    205                     <?php
    206                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    207                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    208                     ?> 
     204                    </div>
     205                    <?php
     206                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     207                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     208                    ?>
    209209                </div>
    210210            </div>
     
    215215                    </div>
    216216                    <?php
    217                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    218                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    219                     ?> 
    220                 </div> 
     217                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     218                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     219                    ?>
     220                </div>
    221221                <div class="oxi-addons-content-div">
    222222                    <div class="oxi-head">
     
    224224                    </div>
    225225                    <?php
    226                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    227                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    228                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    229                     ?> 
    230                 </div> 
     226                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     227                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     228                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     229                    ?>
     230                </div>
    231231            </div>
    232232        </div>
     
    236236                    <div class="oxi-head">
    237237                        General Settings
    238                     </div> 
    239                     <?php
    240                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
    241                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    242                     echo $this->oxilab_flip_box_admin_number_double('front-inner-padding-top', $this->style[185], 'front-inner-padding-left', $this->style[187], 'Inner Padding', 'Set your Front Inner Padding as Top Bottom and Left Right');
    243                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
    244                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');
    245                     echo $this->oxilab_flip_box_admin_border('flip-col-inner-border-size', $this->style[179], 'flip-col-inner-border-style', $this->style[181], 'Inner Border Size', 'Set your front border size with different style');
    246                     echo $this->oxilab_flip_box_admin_color('front-inner-border-color', $this->style[27], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    247                     echo $this->oxilab_flip_box_admin_number('flip-inner-border-radius', $this->style[183], '1', 'Inner Border Radius', 'Set your flip Inner Border Radius');
    248                     ?>   
    249                 </div> 
     238                    </div>
     239                    <?php
     240                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
     241                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     242                    $this->oxilab_flip_box_admin_number_double('front-inner-padding-top', $this->style[185], 'front-inner-padding-left', $this->style[187], 'Inner Padding', 'Set your Front Inner Padding as Top Bottom and Left Right');
     243                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
     244                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');
     245                    $this->oxilab_flip_box_admin_border('flip-col-inner-border-size', $this->style[179], 'flip-col-inner-border-style', $this->style[181], 'Inner Border Size', 'Set your front border size with different style');
     246                    $this->oxilab_flip_box_admin_color('front-inner-border-color', $this->style[27], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     247                    $this->oxilab_flip_box_admin_number('flip-inner-border-radius', $this->style[183], '1', 'Inner Border Radius', 'Set your flip Inner Border Radius');
     248                    ?>
     249                </div>
    250250                <div class="oxi-addons-content-div">
    251251                    <div class="oxi-head">
    252252                        Number Settings
    253                     </div> 
    254                     <?php
    255                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Number Size', 'Set your Number Font Size');
    256                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data .oxilab-span');
    257                     echo $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
    258                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Number width', 'Set your Number Width and Height Size.');
    259                     echo $this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Number Box Hight', 'Set your Number Box height, start with the top.');
    260                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[135], 'front-icon-padding-left-right', $this->style[137], 'Icon Padding', 'Set your Number Padding as Top Bottom and Left Right');
    261                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Number Border Radius');
    262                     ?> 
     253                    </div>
     254                    <?php
     255                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Number Size', 'Set your Number Font Size');
     256                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data2 .oxilab-icon-data .oxilab-span');
     257                    $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data2');
     258                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Number width', 'Set your Number Width and Height Size.');
     259                    $this->oxilab_flip_box_admin_number('front-icon-height', $this->style[75], '1', 'Number Box Hight', 'Set your Number Box height, start with the top.');
     260                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[135], 'front-icon-padding-left-right', $this->style[137], 'Icon Padding', 'Set your Number Padding as Top Bottom and Left Right');
     261                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Number Border Radius');
     262                    ?>
    263263                </div>
    264264            </div>
     
    269269                    </div>
    270270                    <?php
    271                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    272                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    273                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    274                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    275                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    276                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    277                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    278                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    279                     ?> 
    280                 </div> 
     271                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     272                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     273                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     274                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     275                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     276                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     277                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     278                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     279                    ?>
     280                </div>
    281281                <div class="oxi-addons-content-div">
    282282                    <div class="oxi-head">
     
    284284                    </div>
    285285                    <?php
    286                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');
    287                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    288                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');
    289                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');
    290                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');
    291                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');
    292                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    293                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    294                     ?> 
    295                 </div> 
     286                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');
     287                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[15], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     288                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');
     289                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');
     290                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');
     291                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');
     292                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     293                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     294                    ?>
     295                </div>
    296296            </div>
    297297        </div>
     
    301301                    <div class="oxi-head">
    302302                        General Settings
    303                     </div> 
    304                     <?php
    305                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
    306                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    307                     echo $this->oxilab_flip_box_admin_number_double('front-backend-inner-padding-top', $this->style[195], 'front-backend-inner-padding-left', $this->style[197], 'Inner Padding', 'Set your backend Inner Padding as Top Bottom and Left Right');
    308                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');
    309                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
    310                     echo $this->oxilab_flip_box_admin_border('flip-backend-inner-border-size', $this->style[189], 'flip-backend-inner-border-style', $this->style[191], 'Inner Border Size', 'Set your Backend border size with different style');
    311                     echo $this->oxilab_flip_box_admin_color('backend-inner-border-color', $this->style[29], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    312                     echo $this->oxilab_flip_box_admin_number('flip-backend-inner-border-radius', $this->style[193], '1', 'Inner Border Radius', 'Set your Backend flip Inner Border Radius');
    313                     ?>   
    314                 </div> 
     303                    </div>
     304                    <?php
     305                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[17], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
     306                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     307                    $this->oxilab_flip_box_admin_number_double('front-backend-inner-padding-top', $this->style[195], 'front-backend-inner-padding-left', $this->style[197], 'Inner Padding', 'Set your backend Inner Padding as Top Bottom and Left Right');
     308                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');
     309                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[19], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
     310                    $this->oxilab_flip_box_admin_border('flip-backend-inner-border-size', $this->style[189], 'flip-backend-inner-border-style', $this->style[191], 'Inner Border Size', 'Set your Backend border size with different style');
     311                    $this->oxilab_flip_box_admin_color('backend-inner-border-color', $this->style[29], '', 'Inner Border Color', 'Set your Inner Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     312                    $this->oxilab_flip_box_admin_number('flip-backend-inner-border-radius', $this->style[193], '1', 'Inner Border Radius', 'Set your Backend flip Inner Border Radius');
     313                    ?>
     314                </div>
    315315                <div class="oxi-addons-content-div">
    316316                    <div class="oxi-head">
    317317                        Icon Settings
    318                     </div> 
    319                     <?php
    320                     echo $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[199], '1', 'Icon Size', 'Set your Icon Font Size');
    321                     echo $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[39], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']');
    322                     echo $this->oxilab_flip_box_admin_color('backend-icon-background', $this->style[41], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2');
    323                     echo $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[201], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    324                     echo $this->oxilab_flip_box_admin_number('backend-icon-height', $this->style[203], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
    325                     echo $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[205], 'backend-icon-padding-left-right', $this->style[207], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    326                     echo $this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[209], '1', 'Border Radius', 'Set Your Icon Border Radius');
    327                     ?> 
     318                    </div>
     319                    <?php
     320                    $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[199], '1', 'Icon Size', 'Set your Icon Font Size');
     321                    $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[39], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2 .oxilab-icon-data [class^=\'fa\']');
     322                    $this->oxilab_flip_box_admin_color('backend-icon-background', $this->style[41], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data2');
     323                    $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[201], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     324                    $this->oxilab_flip_box_admin_number('backend-icon-height', $this->style[203], '1', 'Icon Box Hight', 'Set your Icon Box height, start with the top.');
     325                    $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[205], 'backend-icon-padding-left-right', $this->style[207], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     326                    $this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[209], '1', 'Border Radius', 'Set Your Icon Border Radius');
     327                    ?>
    328328                </div>
    329329                <div class="oxi-addons-content-div">
     
    332332                    </div>
    333333                    <?php
    334                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size');
    335                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    336                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List');
    337                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style');
    338                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight');
    339                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align');
    340                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    341                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    342                     ?> 
     334                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[157], '1', 'Font Size', 'Set your backend Heading Font Size');
     335                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     336                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[159], 'Font Family', 'Give your Prepared Font from our Google Font List');
     337                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[161], 'Font Style', 'Set your Heading Font Style');
     338                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[163], 'Font Weight', 'Give your backend Heading Font Weight');
     339                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[165], 'Text Align', 'Give your Heading Text Align');
     340                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[167], 'backend-heading-padding-bottom', $this->style[169], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     341                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[171], 'backend-heading-padding-right', $this->style[173], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     342                    ?>
    343343                </div>
    344344            </div>
     
    347347                    <div class="oxi-head">
    348348                        Backend Info
    349                     </div> 
    350                     <?php
    351                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    352                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    353                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    354                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    355                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    356                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    357                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    358                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    359                     ?> 
    360                 </div>   
     349                    </div>
     350                    <?php
     351                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     352                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[25], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     353                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     354                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     355                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     356                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     357                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     358                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     359                    ?>
     360                </div>
    361361                <div class="oxi-addons-content-div">
    362362                    <div class="oxi-head">
     
    364364                    </div>
    365365                    <?php
    366                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[211], '1', 'Font Size', 'Set your Backend Button Font Size');
    367                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[31], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    368                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[33], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    369                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[35], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    370                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[37], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    371                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[213], 'Font Family', 'Give your Prepared Font from our Google Font List');
    372                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[215], 'Font Style', 'Set your Backend Button Font Style');
    373                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[117], 'Font Weight', 'Give your Backend Button Font Weight');
    374                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[219], 'backend-button-info-padding-left', $this->style[221], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    375                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[223], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    376                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[225], 'Text Align', 'Give your Backend Button Text Align');
    377                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[227], 'backend-info-margin-bottom', $this->style[229], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    378                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[231], 'backend-info-margin-right', $this->style[233], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    379                     ?> 
    380                 </div> 
    381             </div>
    382         </div>   
     366                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[211], '1', 'Font Size', 'Set your Backend Button Font Size');
     367                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[31], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     368                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[33], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     369                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[35], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     370                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[37], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     371                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[213], 'Font Family', 'Give your Prepared Font from our Google Font List');
     372                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[215], 'Font Style', 'Set your Backend Button Font Style');
     373                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[117], 'Font Weight', 'Give your Backend Button Font Weight');
     374                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[219], 'backend-button-info-padding-left', $this->style[221], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     375                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[223], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     376                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[225], 'Text Align', 'Give your Backend Button Text Align');
     377                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[227], 'backend-info-margin-bottom', $this->style[229], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     378                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[231], 'backend-info-margin-right', $this->style[233], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     379                    ?>
     380                </div>
     381            </div>
     382        </div>
    383383        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    384384            <div class="col-xs-12 p-2">
    385385                <div class="form-group">
    386386                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    387                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[235]; ?></textarea>
     387                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[235]); ?></textarea>
    388388                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    389389                </div>
     
    393393        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    394394            <?php
    395             echo $this->oxilab_flip_box_admin_support();
     395            $this->oxilab_flip_box_admin_support();
    396396            ?>
    397397        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style15.php

    r2590546 r2648808  
    132132        </div>
    133133        <div class="modal-body row">
    134         <?php
    135         echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    136         echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    137         echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    138         ?>
     134            <?php
     135            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     136            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     137            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     138            ?>
    139139        </div>
    140140        <div class="modal-header">
     
    145145        </div>
    146146        <div class="modal-body row">
    147         <?Php
    148         echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[3], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
    149         echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    150         echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    151         echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     147            <?Php
     148            $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[3], 'Backend Icon', 'Add your backend icon, Use Font-Awesome class name. As example fab fa-facebook');
     149            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     150            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     151            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     152            ?>
     153        </div>
     154        <?php
     155    }
     156
     157    public function register_controls() {
    152158        ?>
    153         </div>
    154             <?php
    155         }
    156 
    157         public function register_controls() {
    158             ?>
    159159        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-5">
    160160            <div class="oxi-addons-col-6">
     
    164164                    </div>
    165165                    <?php
    166                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    167                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    168                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    169                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    170                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');
     166                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     167                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     168                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     169                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     170                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[129], '1', 'Border Radius', 'Set your flip Border Radius');
    171171                    ?>
    172172                </div>
     
    176176                    </div>
    177177                    <?php
    178                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    179                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     178                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     179                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    180180                    ?>
    181181                </div>
     
    187187                    </div>
    188188                    <?php
    189                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    190                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     189                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     190                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    191191                    ?>
    192192                </div>
     
    196196                    </div>
    197197                    <?php
    198                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    199                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    200                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     198                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     199                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     200                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    201201                    ?>
    202202                </div>
     
    210210                    </div>
    211211                    <?php
    212                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    213                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    214                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');
    215                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     212                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     213                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     214                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[125], 'flip-col-border-style', $this->style[127], 'Border Size', 'Set your front border size with different style');
     215                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    216216                    ?>
    217217                </div>
     
    221221                    </div>
    222222                    <?php
    223                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    224                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[9], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    225                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    226                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    227                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    228                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    229                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    230                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     223                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     224                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[9], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     225                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     226                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     227                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     228                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     229                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     230                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    231231                    ?>
    232232                </div>
     
    238238                    </div>
    239239                    <?php
    240                     echo $this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[157], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
    241                     echo $this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[159], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
    242                     echo $this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[17], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     240                    $this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[157], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
     241                    $this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[159], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
     242                    $this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[17], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    243243                    ?>
    244244                </div>
     
    248248                    </div>
    249249                    <?php
    250                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');
    251                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[11], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    252                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');
    253                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');
    254                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');
    255                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');
    256                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    257                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     250                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[139], '1', 'Font Size', 'Set your front Info Font Size');
     251                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[11], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     252                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[141], 'Font Family', 'Give your Prepared Font from our Google Font List');
     253                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[143], 'Font Style', 'Set your Info Font Style');
     254                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[145], 'Font Weight', 'Give your Front Info Font Weight');
     255                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[147], 'Text Align', 'Give your Info Text Align');
     256                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[149], 'front-info-padding-bottom', $this->style[151], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     257                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[153], 'front-info-padding-right', $this->style[155], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    258258                    ?>
    259259                </div>
     
    267267                    </div>
    268268                    <?php
    269                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    270                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    271                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');
    272                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[15], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     269                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     270                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     271                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[131], 'flip-backend-border-style', $this->style[133], 'Border Size', 'Set your backend border size with different style');
     272                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[15], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    273273                    ?>
    274274                </div>
     
    278278                    </div>
    279279                    <?php
    280                     echo $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[105], '1', 'Icon Size', 'Set your Icon Font Size');
    281                     echo $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[27], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    282                     echo $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[107], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    283                     echo $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[109], 'backend-icon-padding-left-right', $this->style[111], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     280                    $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[105], '1', 'Icon Size', 'Set your Icon Font Size');
     281                    $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[27], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     282                    $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[107], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     283                    $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[109], 'backend-icon-padding-left-right', $this->style[111], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    284284                    ?>
    285285                </div>
     
    291291                    </div>
    292292                    <?php
    293                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[161], '1', 'Font Size', 'Set your Backend Button Font Size');
    294                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[19], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    295                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[21], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    296                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[23], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    297                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[25], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    298                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[163], 'Font Family', 'Give your Prepared Font from our Google Font List');
    299                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[165], 'Font Style', 'Set your Backend Button Font Style');
    300                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[167], 'Font Weight', 'Give your Backend Button Font Weight');
    301                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[169], 'backend-button-info-padding-left', $this->style[171], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    302                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[173], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    303                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[175], 'Text Align', 'Give your Backend Button Text Align');
    304                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[177], 'backend-info-margin-bottom', $this->style[179], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    305                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[181], 'backend-info-margin-right', $this->style[183], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     293                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[161], '1', 'Font Size', 'Set your Backend Button Font Size');
     294                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[19], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     295                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[21], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     296                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[23], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     297                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[25], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     298                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[163], 'Font Family', 'Give your Prepared Font from our Google Font List');
     299                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[165], 'Font Style', 'Set your Backend Button Font Style');
     300                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[167], 'Font Weight', 'Give your Backend Button Font Weight');
     301                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[169], 'backend-button-info-padding-left', $this->style[171], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     302                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[173], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     303                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[175], 'Text Align', 'Give your Backend Button Text Align');
     304                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[177], 'backend-info-margin-bottom', $this->style[179], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     305                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[181], 'backend-info-margin-right', $this->style[183], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    306306                    ?>
    307307                </div>
     
    312312                <div class="form-group">
    313313                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    314                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[185]; ?></textarea>
     314                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[185]); ?></textarea>
    315315                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    316316                </div>
     
    320320        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    321321            <?php
    322             echo $this->oxilab_flip_box_admin_support();
     322            $this->oxilab_flip_box_admin_support();
    323323            ?>
    324324        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style16.php

    r2590546 r2648808  
    1111
    1212class Style16 extends Admin_Render {
    13 
    1413
    1514    public function register_style() {
     
    9998        return $data;
    10099    }
     100
    101101    public function register_controls() {
    102102        ?>
     
    106106                    <div class="oxi-head">
    107107                        General Settings
    108                     </div> 
    109                     <?php
    110                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    111                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    112                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    113                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    114                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');
    115                     ?>   
    116                 </div> 
     108                    </div>
     109                    <?php
     110                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     111                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     112                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     113                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     114                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');
     115                    ?>
     116                </div>
    117117                <div class="oxi-addons-content-div">
    118118                    <div class="oxi-head">
    119119                        Optional Settings
    120                     </div> 
    121                     <?php
    122                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    123                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    124                     ?> 
     120                    </div>
     121                    <?php
     122                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     123                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     124                    ?>
    125125                </div>
    126126            </div>
     
    131131                    </div>
    132132                    <?php
    133                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    134                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    135                     ?> 
    136                 </div> 
     133                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     134                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     135                    ?>
     136                </div>
    137137                <div class="oxi-addons-content-div">
    138138                    <div class="oxi-head">
     
    140140                    </div>
    141141                    <?php
    142                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    143                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    144                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    145                     ?> 
    146                 </div> 
     142                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     143                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     144                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     145                    ?>
     146                </div>
    147147            </div>
    148148        </div>
    149149        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
    150             <div class="oxi-addons-col-6">   
     150            <div class="oxi-addons-col-6">
    151151                <div class="oxi-addons-content-div">
    152152                    <div class="oxi-head">
    153153                        General Settings
    154                     </div> 
    155                     <?php
    156                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    157                     ?> 
     154                    </div>
     155                    <?php
     156                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     157                    ?>
    158158                </div>
    159159                <div class="oxi-addons-content-div">
    160160                    <div class="oxi-head">
    161161                        Icon Settings
    162                     </div> 
    163                     <?php
    164                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');
    165                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    166                     echo $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[9], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    167                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    168                     echo $this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align');
    169                     ?> 
     162                    </div>
     163                    <?php
     164                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');
     165                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     166                    $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[9], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     167                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     168                    $this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align');
     169                    ?>
    170170                </div>
    171171            </div>
     
    176176                    </div>
    177177                    <?php
    178                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    179                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    180                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    181                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    182                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    183                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    184                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    185                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    186                     ?> 
    187                 </div> 
     178                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     179                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     180                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     181                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     182                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     183                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     184                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     185                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     186                    ?>
     187                </div>
    188188            </div>
    189189        </div>
     
    193193                    <div class="oxi-head">
    194194                        General Settings
    195                     </div> 
    196                     <?php
    197                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    198                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    199                     ?>   
    200                 </div>                                           
     195                    </div>
     196                    <?php
     197                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     198                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     199                    ?>
     200                </div>
    201201            </div>
    202202            <div class="oxi-addons-col-6">
     
    204204                    <div class="oxi-head">
    205205                        Backend Info
    206                     </div> 
    207                     <?php
    208                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');
    209                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    210                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');
    211                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');
    212                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');
    213                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');
    214                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    215                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    216                     ?> 
    217                 </div>                                                                                                                                 
     206                    </div>
     207                    <?php
     208                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');
     209                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     210                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');
     211                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');
     212                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');
     213                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');
     214                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     215                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     216                    ?>
     217                </div>
    218218            </div>
    219219        </div>
     
    222222                <div class="form-group">
    223223                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    224                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[143]; ?></textarea>
     224                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_textarea($this->style[143]); ?></textarea>
    225225                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    226226                </div>
     
    230230        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    231231            <?php
    232             echo $this->oxilab_flip_box_admin_support();
     232            $this->oxilab_flip_box_admin_support();
    233233            ?>
    234234        </div>
     
    246246        <div class="modal-body row">
    247247            <?php
    248             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    249             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    250 
    251             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    252             ?>                                           
     248            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     249            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     250
     251            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     252            ?>
    253253        </div>
    254254        <div class="modal-header">
     
    260260        <div class="modal-body row">
    261261            <?Php
    262             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    263             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');
    264             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    265             ?>                                           
     262            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     263            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');
     264            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     265            ?>
    266266        </div>
    267267        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style17.php

    r2590546 r2648808  
    1111
    1212class Style17 extends Admin_Render {
    13 
    14    
    1513
    1614    public function register_style() {
     
    10199        return $data;
    102100    }
     101
    103102    public function register_child() {
    104103        $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}'
     
    111110        return $data;
    112111    }
     112
    113113    public function register_controls() {
    114114        ?>
     
    118118                    <div class="oxi-head">
    119119                        General Settings
    120                     </div> 
    121                     <?php
    122                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    123                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    124                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    125                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    126                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');
    127                     ?>   
    128                 </div> 
     120                    </div>
     121                    <?php
     122                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     123                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     124                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     125                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     126                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');
     127                    ?>
     128                </div>
    129129                <div class="oxi-addons-content-div">
    130130                    <div class="oxi-head">
    131131                        Optional Settings
    132                     </div> 
    133                     <?php
    134                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    135                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    136                     ?> 
     132                    </div>
     133                    <?php
     134                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     135                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     136                    ?>
    137137                </div>
    138138            </div>
     
    143143                    </div>
    144144                    <?php
    145                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    146                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    147                     ?> 
    148                 </div> 
     145                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     146                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     147                    ?>
     148                </div>
    149149                <div class="oxi-addons-content-div">
    150150                    <div class="oxi-head">
     
    152152                    </div>
    153153                    <?php
    154                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    155                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    156                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    157                     ?> 
    158                 </div> 
    159             </div>
    160         </div>
    161         <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">                                         
     154                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     155                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     156                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     157                    ?>
     158                </div>
     159            </div>
     160        </div>
     161        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
    162162            <div class="oxi-addons-col-6">
    163163                <div class="oxi-addons-content-div">
    164164                    <div class="oxi-head">
    165165                        General Settings
    166                     </div> 
    167                     <?php
    168                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    169                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    170                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[101], 'flip-col-border-style', $this->style[103], 'Border Size', 'Set your front border size with different style');
    171                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[21], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    172                     ?>   
     166                    </div>
     167                    <?php
     168                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     169                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     170                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[101], 'flip-col-border-style', $this->style[103], 'Border Size', 'Set your front border size with different style');
     171                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[21], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     172                    ?>
    173173                </div>
    174174                <div class="oxi-addons-content-div">
    175175                    <div class="oxi-head">
    176176                        Icon Settings
    177                     </div> 
    178                     <?php
    179                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');
    180                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    181                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    182                     ?> 
     177                    </div>
     178                    <?php
     179                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');
     180                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     181                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     182                    ?>
    183183                </div>
    184184            </div>
     
    189189                    </div>
    190190                    <?php
    191                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    192                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    193                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    194                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    195                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    196                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    197                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    198                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    199                     ?> 
    200                 </div> 
     191                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     192                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     193                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     194                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     195                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     196                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     197                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     198                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     199                    ?>
     200                </div>
    201201            </div>
    202202        </div>
     
    206206                    <div class="oxi-head">
    207207                        General Settings
    208                     </div> 
    209                     <?php
    210                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    211                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    212                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[105], 'flip-backend-border-style', $this->style[107], 'Border Size', 'Set your backend border size with different style');
    213                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    214                     ?>   
    215                 </div> 
     208                    </div>
     209                    <?php
     210                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     211                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     212                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[105], 'flip-backend-border-style', $this->style[107], 'Border Size', 'Set your backend border size with different style');
     213                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     214                    ?>
     215                </div>
    216216                <div class="oxi-addons-content-div">
    217217                    <div class="oxi-head">
    218218                        Backend Info
    219                     </div> 
    220                     <?php
    221                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');
    222                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    223                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');
    224                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');
    225                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');
    226                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');
    227                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    228                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    229                     ?> 
    230                 </div> 
     219                    </div>
     220                    <?php
     221                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');
     222                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     223                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');
     224                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');
     225                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');
     226                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');
     227                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     228                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     229                    ?>
     230                </div>
    231231            </div>
    232232
     
    237237                    </div>
    238238                    <?php
    239                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[143], '1', 'Font Size', 'Set your Backend Button Font Size');
    240                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[17], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    241                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[19], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    242                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[145], 'Font Family', 'Give your Prepared Font from our Google Font List');
    243                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[147], 'Font Style', 'Set your Backend Button Font Style');
    244                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[149], 'Font Weight', 'Give your Backend Button Font Weight');
    245                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[151], 'backend-button-info-padding-left', $this->style[153], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    246                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[155], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    247                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[157], 'Text Align', 'Give your Backend Button Text Align');
    248                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[159], 'backend-info-margin-bottom', $this->style[161], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    249                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[163], 'backend-info-margin-right', $this->style[165], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    250                     ?> 
    251                 </div> 
     239                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[143], '1', 'Font Size', 'Set your Backend Button Font Size');
     240                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[17], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     241                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[19], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     242                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[145], 'Font Family', 'Give your Prepared Font from our Google Font List');
     243                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[147], 'Font Style', 'Set your Backend Button Font Style');
     244                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[149], 'Font Weight', 'Give your Backend Button Font Weight');
     245                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[151], 'backend-button-info-padding-left', $this->style[153], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     246                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[155], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     247                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[157], 'Text Align', 'Give your Backend Button Text Align');
     248                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[159], 'backend-info-margin-bottom', $this->style[161], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     249                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[163], 'backend-info-margin-right', $this->style[165], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     250                    ?>
     251                </div>
    252252            </div>
    253253        </div>
     
    256256                <div class="form-group">
    257257                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    258                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[167]; ?></textarea>
     258                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_textarea($this->style[167]); ?></textarea>
    259259                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    260260                </div>
     
    264264        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    265265            <?php
    266             echo $this->oxilab_flip_box_admin_support();
     266            $this->oxilab_flip_box_admin_support();
    267267            ?>
    268268        </div>
     
    280280        <div class="modal-body row">
    281281            <?php
    282             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    283             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    284             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    285             ?>                                           
     282            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     283            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     284            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     285            ?>
    286286        </div>
    287287        <div class="modal-header">
     
    293293        <div class="modal-body row">
    294294            <?Php
    295             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    296             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.');
    297             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');
    298             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    299             ?>                                           
     295            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     296            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[13], 'Backend Button Text', 'Add your backend button text.');
     297            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');
     298            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     299            ?>
    300300        </div>
    301301        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style18.php

    r2590546 r2648808  
    1111
    1212class Style18 extends Admin_Render {
    13 
    14    
    1513
    1614    public function register_style() {
     
    118116        return $data;
    119117    }
     118
    120119    public function register_child() {
    121120        $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}'
     
    131130        return $data;
    132131    }
     132
    133133    public function register_controls() {
    134134        ?>
     
    138138                    <div class="oxi-head">
    139139                        General Settings
    140                     </div> 
    141                     <?php
    142                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    143                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    144                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    145                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    146                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    147                     ?>   
    148                 </div> 
     140                    </div>
     141                    <?php
     142                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     143                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     144                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     145                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     146                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     147                    ?>
     148                </div>
    149149                <div class="oxi-addons-content-div">
    150150                    <div class="oxi-head">
    151151                        Optional Settings
    152                     </div> 
    153                     <?php
    154                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    155                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    156                     ?> 
     152                    </div>
     153                    <?php
     154                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     155                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     156                    ?>
    157157                </div>
    158158            </div>
     
    163163                    </div>
    164164                    <?php
    165                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    166                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    167                     ?> 
    168                 </div> 
     165                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     166                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     167                    ?>
     168                </div>
    169169                <div class="oxi-addons-content-div">
    170170                    <div class="oxi-head">
     
    172172                    </div>
    173173                    <?php
    174                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    176                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    177                     ?> 
    178                 </div> 
     174                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     176                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     177                    ?>
     178                </div>
    179179            </div>
    180180        </div>
     
    184184                    <div class="oxi-head">
    185185                        General Settings
    186                     </div> 
    187                     <?php
    188                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    189                     echo $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
    190                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    191                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');
    192                     ?>   
    193                 </div>                                             
     186                    </div>
     187                    <?php
     188                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     189                    $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
     190                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     191                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');
     192                    ?>
     193                </div>
    194194            </div>
    195195            <div class="oxi-addons-col-6">
     
    199199                    </div>
    200200                    <?php
    201                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    202                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    203                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    204                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    205                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    206                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    207                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    208                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    209                     ?> 
    210                 </div> 
     201                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     202                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     203                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     204                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     205                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     206                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     207                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     208                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     209                    ?>
     210                </div>
    211211            </div>
    212212        </div>
     
    216216                    <div class="oxi-head">
    217217                        General Settings
    218                     </div> 
    219                     <?php
    220                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    221                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    222                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    223                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');
    224                     ?>   
    225                 </div> 
     218                    </div>
     219                    <?php
     220                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     221                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     222                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     223                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');
     224                    ?>
     225                </div>
    226226                <div class="oxi-addons-content-div">
    227227                    <div class="oxi-head">
     
    229229                    </div>
    230230                    <?php
    231                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    232                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    233                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    234                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    235                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    236                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    237                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    238                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    239                     ?> 
     231                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     232                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     233                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     234                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     235                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     236                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     237                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     238                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     239                    ?>
    240240                </div>
    241241            </div>
     
    244244                    <div class="oxi-head">
    245245                        Backend Info
    246                     </div> 
    247                     <?php
    248                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    249                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    250                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    251                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    252                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    253                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    254                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    255                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    256                     ?> 
     246                    </div>
     247                    <?php
     248                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     249                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     250                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     251                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     252                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     253                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     254                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     255                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     256                    ?>
    257257                </div>
    258258                <div class="oxi-addons-content-div">
     
    261261                    </div>
    262262                    <?php
    263                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    264                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    265                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    266                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    267                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    268                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    269                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    270                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    271                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    272                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    273                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    274                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    275                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    276                     ?> 
    277                 </div>                                                                                       
    278             </div>
    279         </div>         
     263                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     264                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     265                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     266                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     267                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     268                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     269                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     270                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     271                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     272                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     273                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     274                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     275                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     276                    ?>
     277                </div>
     278            </div>
     279        </div>
    280280        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    281281            <div class="col-xs-12 p-2">
    282282                <div class="form-group">
    283283                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    284                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     284                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_textarea($this->style[199]); ?></textarea>
    285285                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    286286                </div>
     
    290290        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    291291            <?php
    292             echo $this->oxilab_flip_box_admin_support();
     292            $this->oxilab_flip_box_admin_support();
    293293            ?>
    294294        </div>
     
    306306        <div class="modal-body row">
    307307            <?php
    308             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    309             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    310             ?>                                           
     308            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     309            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     310            ?>
    311311        </div>
    312312        <div class="modal-header">
     
    318318        <div class="modal-body row">
    319319            <?Php
    320             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    321             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    322             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    323             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    324             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    325             ?>                                           
     320            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     321            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     322            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     323            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     324            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     325            ?>
    326326        </div>
    327327        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style19.php

    r2497348 r2648808  
    139139                    </div>
    140140                    <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146146                    ?>
    147147                </div>
     
    151151                    </div>
    152152                    <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155155                    ?>
    156156                </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166166                    ?>
    167167                </div>
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176176                    ?>
    177177                </div>
     
    185185                    </div>
    186186                    <?php
    187                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '');
    188                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     187                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '');
     188                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    189189                    ?>
    190190                </div>
     
    194194                    </div>
    195195                    <?php
    196                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    197                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[13], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    198                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    199                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    200                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    201                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    202                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    203                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     196                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     197                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[13], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     198                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     199                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     200                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     201                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     202                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     203                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    204204                    ?>
    205205                </div>
     
    211211                    </div>
    212212                    <?php
    213                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    214                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[7], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    215                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    216                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    217                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    218                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    219                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    220                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     213                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     214                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[7], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     215                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     216                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     217                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     218                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     219                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     220                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    221221                    ?>
    222222                </div>
     
    226226                    </div>
    227227                    <?php
    228                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    229                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[9], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']');
    230                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[11], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']:hover');
    231                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    232                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    233                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     228                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     229                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[9], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']');
     230                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[11], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-button [class^=\'fa\']:hover');
     231                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     232                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     233                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    234234                    ?>
    235235                </div>
     
    240240                <div class="form-group">
    241241                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    242                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     242                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    243243                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    244244                </div>
     
    248248        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    249249            <?php
    250             echo $this->oxilab_flip_box_admin_support();
     250            $this->oxilab_flip_box_admin_support();
    251251            ?>
    252252        </div>
     
    264264        <div class="modal-body row">
    265265            <?php
    266             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     266            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    267267            ?>
    268268        </div>
     
    275275        <div class="modal-body row">
    276276            <?Php
    277             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    278             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    279             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Button Icon', 'Add your Button icon, Use Font-Awesome class name. As example fab fa-facebook');
    280             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    281             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     277            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     278            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     279            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Button Icon', 'Add your Button icon, Use Font-Awesome class name. As example fab fa-facebook');
     280            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     281            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    282282            ?>
    283283        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style2.php

    r2590546 r2648808  
    1111
    1212class Style2 extends Admin_Render {
    13 
    14    
    1513
    1614    public function register_style() {
     
    118116        return $data;
    119117    }
    120      public function register_child() {
     118
     119    public function register_child() {
    121120        $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}'
    122121                . ' flip-box-front-icons {#}|{#}' . sanitize_text_field($_POST['flip-box-front-icons']) . '{#}|{#}'
     
    131130        return $data;
    132131    }
     132
    133133    public function register_controls() {
    134134        ?>
     
    138138                    <div class="oxi-head">
    139139                        General Settings
    140                     </div> 
    141                     <?php
    142                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    143                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    144                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    145                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    146                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    147                     ?>   
    148                 </div> 
     140                    </div>
     141                    <?php
     142                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     143                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     144                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     145                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     146                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     147                    ?>
     148                </div>
    149149                <div class="oxi-addons-content-div">
    150150                    <div class="oxi-head">
    151151                        Optional Settings
    152                     </div> 
    153                     <?php
    154                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    155                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    156                     ?> 
     152                    </div>
     153                    <?php
     154                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     155                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     156                    ?>
    157157                </div>
    158158            </div>
     
    163163                    </div>
    164164                    <?php
    165                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    166                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    167                     ?> 
    168                 </div> 
     165                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     166                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     167                    ?>
     168                </div>
    169169                <div class="oxi-addons-content-div">
    170170                    <div class="oxi-head">
     
    172172                    </div>
    173173                    <?php
    174                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    176                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    177                     ?> 
    178                 </div> 
     174                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     176                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     177                    ?>
     178                </div>
    179179            </div>
    180180        </div>
     
    184184                    <div class="oxi-head">
    185185                        General Settings
    186                     </div> 
    187                     <?php
    188                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    189                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    190                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
    191                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    192                     ?>   
    193                 </div> 
     186                    </div>
     187                    <?php
     188                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     189                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     190                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
     191                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     192                    ?>
     193                </div>
    194194                <div class="oxi-addons-content-div">
    195195                    <div class="oxi-head">
    196196                        Icon Settings
    197                     </div> 
    198                     <?php
    199                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    200                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    201                     echo $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    202                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    203                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    204                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    205                     ?> 
     197                    </div>
     198                    <?php
     199                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     200                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     201                    $this->oxilab_flip_box_admin_color('front-icon-background', $this->style[11], 'rgba', 'Icon Background', 'Set your icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     202                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     203                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     204                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     205                    ?>
    206206                </div>
    207207            </div>
     
    212212                    </div>
    213213                    <?php
    214                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    215                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    216                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    217                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    218                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    219                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    220                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    221                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    222                     ?> 
    223                 </div> 
     214                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     215                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Title Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     216                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     217                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     218                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     219                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     220                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     221                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     222                    ?>
     223                </div>
    224224                <div class="oxi-addons-content-div">
    225225                    <div class="oxi-head">
     
    227227                    </div>
    228228                    <?php
    229                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
    230                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Info Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    231                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
    232                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
    233                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
    234                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
    235                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    236                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    237                     ?> 
    238                 </div> 
     229                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
     230                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Info Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     231                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
     232                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
     233                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
     234                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
     235                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     236                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     237                    ?>
     238                </div>
    239239            </div>
    240240
     
    245245                    <div class="oxi-head">
    246246                        General Settings
    247                     </div> 
    248                     <?php
    249                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    250                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    251                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
    252                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    253                     ?>   
    254                 </div> 
     247                    </div>
     248                    <?php
     249                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     250                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     251                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
     252                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     253                    ?>
     254                </div>
    255255                <div class="oxi-addons-content-div">
    256256                    <div class="oxi-head">
     
    258258                    </div>
    259259                    <?php
    260                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    261                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Backend Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    262                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    263                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    264                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    265                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    266                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    267                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    268                     ?> 
     260                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     261                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Backend Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     262                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     263                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     264                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     265                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     266                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     267                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     268                    ?>
    269269                </div>
    270270            </div>
     
    273273                    <div class="oxi-head">
    274274                        Backend Info
    275                     </div> 
    276                     <?php
    277                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    278                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    279                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    280                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    281                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    282                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    283                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    284                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    285                     ?> 
     275                    </div>
     276                    <?php
     277                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     278                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     279                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     280                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     281                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     282                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     283                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     284                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     285                    ?>
    286286                </div>
    287287                <div class="oxi-addons-content-div">
     
    290290                    </div>
    291291                    <?php
    292                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    293                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    294                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    295                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    296                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    297                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    298                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    299                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    300                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    301                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    302                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    303                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    304                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    305                     ?> 
    306                 </div>                                                                                       
     292                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     293                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     294                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     295                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     296                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     297                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     298                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     299                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     300                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     301                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     302                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     303                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     304                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     305                    ?>
     306                </div>
    307307            </div>
    308308        </div>
     
    311311                <div class="form-group">
    312312                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    313                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     313                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    314314                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    315315                </div>
     
    318318        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    319319            <?php
    320             echo $this->oxilab_flip_box_admin_support();
     320            $this->oxilab_flip_box_admin_support();
    321321            ?>
    322322        </div>
     
    334334        <div class="modal-body row">
    335335            <?php
    336             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    337             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    338             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    339             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    340             ?>                                           
     336            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     337            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     338            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     339            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     340            ?>
    341341        </div>
    342342        <div class="modal-header">
     
    348348        <div class="modal-body row">
    349349            <?Php
    350             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    351             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    352             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    353             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    354             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    355             ?>                                           
     350            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     351            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     352            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     353            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     354            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     355            ?>
    356356        </div>
    357357        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style20.php

    r2590546 r2648808  
    1111
    1212class Style20 extends Admin_Render {
    13 
    14    
    1513
    1614    public function register_style() {
     
    118116        return $data;
    119117    }
     118
    120119    public function register_child() {
    121120        $data = ' flip-box-front-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-front-title']) . '{#}|{#}'
     
    131130        return $data;
    132131    }
     132
    133133    public function register_controls() {
    134134        ?>
     
    138138                    <div class="oxi-head">
    139139                        General Settings
    140                     </div> 
    141                     <?php
    142                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    143                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    144                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    145                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    146                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    147                     ?>   
    148                 </div> 
     140                    </div>
     141                    <?php
     142                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     143                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     144                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     145                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     146                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     147                    ?>
     148                </div>
    149149                <div class="oxi-addons-content-div">
    150150                    <div class="oxi-head">
    151151                        Optional Settings
    152                     </div> 
    153                     <?php
    154                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    155                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    156                     ?> 
     152                    </div>
     153                    <?php
     154                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     155                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     156                    ?>
    157157                </div>
    158158            </div>
     
    163163                    </div>
    164164                    <?php
    165                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    166                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    167                     ?> 
    168                 </div> 
     165                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     166                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     167                    ?>
     168                </div>
    169169                <div class="oxi-addons-content-div">
    170170                    <div class="oxi-head">
     
    172172                    </div>
    173173                    <?php
    174                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    176                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    177                     ?> 
    178                 </div> 
     174                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     176                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     177                    ?>
     178                </div>
    179179            </div>
    180180        </div>
     
    184184                    <div class="oxi-head">
    185185                        General Settings
    186                     </div> 
    187                     <?php
    188                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    189                     echo $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
    190                     echo $this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
    191                     echo $this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
    192                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    193                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');
    194                     ?>   
    195                 </div>                                             
     186                    </div>
     187                    <?php
     188                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     189                    $this->oxilab_flip_box_admin_number('front-image-height', $this->style[69], '1', 'Image Height', 'Set your Front Image Height, Based on Percentize with Image Width');
     190                    $this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
     191                    $this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
     192                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     193                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');
     194                    ?>
     195                </div>
    196196            </div>
    197197            <div class="oxi-addons-col-6">
     
    201201                    </div>
    202202                    <?php
    203                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    204                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    205                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    206                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    207                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    208                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    209                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    210                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    211                     ?> 
    212                 </div> 
     203                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     204                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     205                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     206                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     207                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     208                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     209                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     210                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     211                    ?>
     212                </div>
    213213            </div>
    214214        </div>
     
    218218                    <div class="oxi-head">
    219219                        General Settings
    220                     </div> 
    221                     <?php
    222                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    223                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    224                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    225                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');
    226                     ?>   
    227                 </div> 
     220                    </div>
     221                    <?php
     222                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     223                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     224                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     225                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');
     226                    ?>
     227                </div>
    228228                <div class="oxi-addons-content-div">
    229229                    <div class="oxi-head">
     
    231231                    </div>
    232232                    <?php
    233                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    234                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    235                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    236                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    237                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    238                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    239                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    240                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    241                     ?> 
     233                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     234                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     235                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     236                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     237                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     238                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     239                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     240                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     241                    ?>
    242242                </div>
    243243            </div>
     
    246246                    <div class="oxi-head">
    247247                        Backend Info
    248                     </div> 
    249                     <?php
    250                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    251                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    252                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    253                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    254                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    255                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    256                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    257                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    258                     ?> 
     248                    </div>
     249                    <?php
     250                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     251                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     252                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     253                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     254                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     255                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     256                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     257                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     258                    ?>
    259259                </div>
    260260                <div class="oxi-addons-content-div">
     
    263263                    </div>
    264264                    <?php
    265                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    266                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    267                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    268                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    269                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    270                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    271                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    272                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    273                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    274                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    275                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    276                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    277                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    278                     ?> 
    279                 </div>                                                                                       
     265                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     266                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     267                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     268                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     269                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     270                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     271                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     272                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     273                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     274                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     275                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     276                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     277                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     278                    ?>
     279                </div>
    280280            </div>
    281281        </div>
     
    284284                <div class="form-group">
    285285                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    286                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     286                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    287287                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    288288                </div>
     
    292292        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    293293            <?php
    294             echo $this->oxilab_flip_box_admin_support();
     294            $this->oxilab_flip_box_admin_support();
    295295            ?>
    296296        </div>
     
    308308        <div class="modal-body row">
    309309            <?php
    310             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    311             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    312             ?>                                           
     310            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     311            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     312            ?>
    313313        </div>
    314314        <div class="modal-header">
     
    320320        <div class="modal-body row">
    321321            <?Php
    322             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    323             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    324             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    325             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    326             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    327             ?>                                           
     322            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     323            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     324            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     325            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     326            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     327            ?>
    328328        </div>
    329329        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style21.php

    r2366851 r2648808  
    117117                    <div class="oxi-head">
    118118                        General Settings
    119                     </div> 
    120                     <?php
    121                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    122                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    123                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    124                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    125                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    126                     ?>   
    127                 </div> 
     119                    </div>
     120                    <?php
     121                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     122                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     123                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     124                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     125                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     126                    ?>
     127                </div>
    128128                <div class="oxi-addons-content-div">
    129129                    <div class="oxi-head">
    130130                        Optional Settings
    131                     </div> 
    132                     <?php
    133                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    134                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    135                     ?> 
     131                    </div>
     132                    <?php
     133                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     134                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     135                    ?>
    136136                </div>
    137137            </div>
     
    142142                    </div>
    143143                    <?php
    144                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    145                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    146                     ?> 
    147                 </div> 
     144                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     145                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
     
    151151                    </div>
    152152                    <?php
    153                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    154                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    155                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    156                     ?> 
    157                 </div> 
     153                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     154                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     155                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     156                    ?>
     157                </div>
    158158            </div>
    159159        </div>
     
    163163                    <div class="oxi-head">
    164164                        General Settings
    165                     </div> 
    166                     <?php
    167                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    168                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    169                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
    170                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    171                     echo $this->oxilab_flip_box_admin_color('front-top-border-color', $this->style[11], '', 'Top Border Color', 'Set your Front Top Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-span');
    172                     echo $this->oxilab_flip_box_admin_number('front-top-border-height', $this->style[75], '1', 'Top Border Height', 'Set your Top Border Height.');
    173                     ?>   
    174                 </div> 
     165                    </div>
     166                    <?php
     167                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     168                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     169                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
     170                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     171                    $this->oxilab_flip_box_admin_color('front-top-border-color', $this->style[11], '', 'Top Border Color', 'Set your Front Top Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . ' .oxilab-span');
     172                    $this->oxilab_flip_box_admin_number('front-top-border-height', $this->style[75], '1', 'Top Border Height', 'Set your Top Border Height.');
     173                    ?>
     174                </div>
    175175                <div class="oxi-addons-content-div">
    176176                    <div class="oxi-head">
    177177                        Icon Settings
    178                     </div> 
    179                     <?php
    180                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    181                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    182                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    183                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    184                     ?> 
     178                    </div>
     179                    <?php
     180                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     181                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     182                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     183                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     184                    ?>
    185185                </div>
    186186            </div>
     
    191191                    </div>
    192192                    <?php
    193                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    194                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    195                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    196                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    197                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    198                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    199                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    200                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    201                     ?> 
    202                 </div> 
     193                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     194                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     195                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     196                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     197                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     198                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     199                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     200                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     201                    ?>
     202                </div>
    203203            </div>
    204204        </div>
     
    208208                    <div class="oxi-head">
    209209                        General Settings
    210                     </div> 
    211                     <?php
    212                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    213                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    214                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    215                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
    216                     ?>   
    217                 </div> 
     210                    </div>
     211                    <?php
     212                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     213                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     214                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     215                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
     216                    ?>
     217                </div>
    218218                <div class="oxi-addons-content-div">
    219219                    <div class="oxi-head">
    220220                        Backend Info
    221                     </div> 
    222                     <?php
    223                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    224                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    225                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    226                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    227                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    228                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    229                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    230                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    231                     ?> 
    232                 </div>
    233             </div>
    234             <div class="oxi-addons-col-6">                                           
     221                    </div>
     222                    <?php
     223                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     224                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     225                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     226                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     227                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     228                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     229                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     230                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     231                    ?>
     232                </div>
     233            </div>
     234            <div class="oxi-addons-col-6">
    235235                <div class="oxi-addons-content-div">
    236236                    <div class="oxi-head">
     
    238238                    </div>
    239239                    <?php
    240                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    241                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    242                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    243                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    244                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    245                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    246                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    247                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    248                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    249                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    250                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    251                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    252                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    253                     ?> 
    254                 </div>                                                                                       
    255             </div>
    256         </div>   
     240                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     241                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     242                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     243                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     244                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     245                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     246                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     247                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     248                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     249                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     250                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     251                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     252                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     253                    ?>
     254                </div>
     255            </div>
     256        </div>
    257257        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    258258            <div class="col-xs-12 p-2">
    259259                <div class="form-group">
    260260                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    261                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[163]; ?></textarea>
     261                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[163]); ?></textarea>
    262262                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    263263                </div>
     
    267267        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    268268            <?php
    269             echo $this->oxilab_flip_box_admin_support();
     269            $this->oxilab_flip_box_admin_support();
    270270            ?>
    271271        </div>
     
    283283        <div class="modal-body row">
    284284            <?php
    285             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    286             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    287             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    288             ?>                                           
     285            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     286            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     287            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     288            ?>
    289289        </div>
    290290        <div class="modal-header">
     
    296296        <div class="modal-body row">
    297297            <?Php
    298             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    299             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    300             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    301             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    302             ?>                                           
     298            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     299            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     300            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     301            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     302            ?>
    303303        </div>
    304304        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style22.php

    r2209121 r2648808  
    121121                . ' {#}|{#}{#}|{#}'
    122122                . ' flip-box-image-upload-url-01 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-01']) . '{#}|{#}'
    123                 . ' flip-box-backend-desc {#}|{#}' .  $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}'
    124                 . ' flip-box-backend-button-text {#}|{#}' .  $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}'
     123                . ' flip-box-backend-desc {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}'
     124                . ' flip-box-backend-button-text {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}'
    125125                . ' flip-box-backend-link {#}|{#}' . sanitize_text_field($_POST['flip-box-backend-link']) . '{#}|{#}'
    126126                . ' flip-box-image-upload-url-02 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-02']) . '{#}|{#}'
    127127                . '  {#}|{#}{#}|{#}'
    128                 . ' flip-box-backend-title {#}|{#}' .  $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';
     128                . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';
    129129        return $data;
    130130    }
     
    137137                    <div class="oxi-head">
    138138                        General Settings
    139                     </div> 
    140                     <?php
    141                     echo  $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo  $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo  $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo  $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo  $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146                     ?>   
    147                 </div> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
    150150                        Optional Settings
    151                     </div> 
    152                     <?php
    153                     echo  $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo  $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155                     ?> 
     151                    </div>
     152                    <?php
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     155                    ?>
    156156                </div>
    157157            </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo  $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo  $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166                     ?> 
    167                 </div> 
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     166                    ?>
     167                </div>
    168168                <div class="oxi-addons-content-div">
    169169                    <div class="oxi-head">
     
    171171                    </div>
    172172                    <?php
    173                     echo  $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176                     ?> 
    177                 </div> 
    178             </div>
    179         </div>   
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     176                    ?>
     177                </div>
     178            </div>
     179        </div>
    180180        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-4">
    181181            <div class="oxi-addons-col-6">
     
    183183                    <div class="oxi-head">
    184184                        General Settings
    185                     </div> 
    186                     <?php
    187                     echo  $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    188                     ?>   
    189                 </div> 
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     188                    ?>
     189                </div>
    190190            </div>
    191191        </div>
     
    195195                    <div class="oxi-head">
    196196                        General Settings
    197                     </div> 
    198                     <?php
    199                     echo  $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    200                     echo  $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    201                     ?>   
    202                 </div> 
     197                    </div>
     198                    <?php
     199                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     200                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     201                    ?>
     202                </div>
    203203                <div class="oxi-addons-content-div">
    204204                    <div class="oxi-head">
     
    206206                    </div>
    207207                    <?php
    208                     echo  $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    209                     echo  $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    210                     echo  $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    211                     echo  $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    212                     echo  $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    213                     echo  $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    214                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    215                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    216                     ?> 
     208                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     209                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     210                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     211                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     212                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     213                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     214                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     215                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     216                    ?>
    217217                </div>
    218218                <div class="oxi-addons-content-div">
    219219                    <div class="oxi-head">
    220220                        Backend Title Border
    221                     </div> 
    222                     <?php
    223                     echo  $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
    224                     echo  $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
    225                     echo  $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    226                     ?>   
    227                 </div> 
     221                    </div>
     222                    <?php
     223                    $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
     224                    $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
     225                    $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     226                    ?>
     227                </div>
    228228            </div>
    229229            <div class="oxi-addons-col-6">
     
    231231                    <div class="oxi-head">
    232232                        Backend Info
    233                     </div> 
    234                     <?php
    235                     echo  $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    236                     echo  $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    237                     echo  $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    238                     echo  $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    239                     echo  $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    240                     echo  $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    241                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    242                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    243                     ?> 
     233                    </div>
     234                    <?php
     235                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     236                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     237                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     238                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     239                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     240                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     241                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     242                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     243                    ?>
    244244                </div>
    245245                <div class="oxi-addons-content-div">
     
    248248                    </div>
    249249                    <?php
    250                     echo  $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    251                     echo  $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    252                     echo  $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    253                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    254                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    255                     echo  $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    256                     echo  $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    257                     echo  $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    258                     echo  $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    259                     echo  $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    260                     echo  $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    261                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    262                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    263                     ?> 
    264                 </div>                                                                                       
    265             </div>
    266         </div>     
     250                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     251                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     252                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     253                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     254                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     255                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     256                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     257                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     258                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     259                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     260                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     261                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     262                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     263                    ?>
     264                </div>
     265            </div>
     266        </div>
    267267        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    268268            <div class="col-xs-12 p-2">
    269269                <div class="form-group">
    270270                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    271                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     271                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    272272                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    273273                </div>
     
    277277        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    278278            <?php
    279             echo $this->oxilab_flip_box_admin_support();
     279            $this->oxilab_flip_box_admin_support();
    280280            ?>
    281281        </div>
     
    293293        <div class="modal-body row">
    294294            <?php
    295             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    296             ?>                                           
     295            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     296            ?>
    297297        </div>
    298298        <div class="modal-header">
     
    304304        <div class="modal-body row">
    305305            <?Php
    306             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    307             echo  $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    308             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    309             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    310             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    311             ?>                                           
     306            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     307            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     308            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     309            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     310            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     311            ?>
    312312        </div>
    313313        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style23.php

    r2497348 r2648808  
    139139                    </div>
    140140                    <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146146                    ?>
    147147                </div>
     
    151151                    </div>
    152152                    <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155155                    ?>
    156156                </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166166                    ?>
    167167                </div>
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176176                    ?>
    177177                </div>
     
    185185                    </div>
    186186                    <?php
    187                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
    188                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your Front Padding as Top Bottom and Left Right');
    189                     echo $this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Margin', 'Set your Front Margin as Top Bottom and Left Right');
    190                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    191                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
     188                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your Front Padding as Top Bottom and Left Right');
     189                    $this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Margin', 'Set your Front Margin as Top Bottom and Left Right');
     190                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     191                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
    192192                    ?>
    193193                </div>
     
    197197                    </div>
    198198                    <?php
    199                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    200                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    201                     echo $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    202                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    203                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    204                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     199                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     200                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     201                    $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     202                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     203                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     204                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    205205                    ?>
    206206                </div>
     
    212212                    </div>
    213213                    <?php
    214                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    215                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    216                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    217                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    218                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    219                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    220                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    221                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     214                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     215                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     216                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     217                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     218                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     219                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     220                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     221                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    222222                    ?>
    223223                </div>
     
    227227                    </div>
    228228                    <?php
    229                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
    230                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    231                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
    232                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
    233                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
    234                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
    235                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    236                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     229                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
     230                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     231                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
     232                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
     233                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
     234                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
     235                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     236                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    237237                    ?>
    238238                </div>
     
    246246                    </div>
    247247                    <?php
    248                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
    249                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    250                     echo $this->oxilab_flip_box_admin_number('backend-margin-top-bottom', $this->style[69], '', 'Margin', 'Set your Backend Margin as Top Bottom and Left Right');
    251                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    252                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
     248                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
     249                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     250                    $this->oxilab_flip_box_admin_number('backend-margin-top-bottom', $this->style[69], '', 'Margin', 'Set your Backend Margin as Top Bottom and Left Right');
     251                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     252                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
    253253                    ?>
    254254                </div>
     
    258258                    </div>
    259259                    <?php
    260                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    261                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    262                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    263                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    264                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    265                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    266                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    267                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     260                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     261                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     262                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     263                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     264                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     265                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     266                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     267                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    268268                    ?>
    269269                </div>
     
    275275                    </div>
    276276                    <?php
    277                     echo $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[131], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
    278                     echo $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[133], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
    279                     echo $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[25], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     277                    $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[131], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
     278                    $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[133], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
     279                    $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[25], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    280280                    ?>
    281281                </div>
     
    285285                    </div>
    286286                    <?php
    287                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    288                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    289                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    290                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    291                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    292                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    293                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    294                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     287                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     288                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     289                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     290                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     291                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     292                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     293                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     294                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    295295                    ?>
    296296                </div>
     
    301301                <div class="form-group">
    302302                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    303                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     303                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    304304                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    305305                </div>
     
    309309        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    310310            <?php
    311             echo $this->oxilab_flip_box_admin_support();
     311            $this->oxilab_flip_box_admin_support();
    312312            ?>
    313313        </div>
     
    325325        <div class="modal-body row">
    326326            <?php
    327             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    328             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    329             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    330             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     327            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     328            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     329            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     330            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    331331            ?>
    332332        </div>
     
    339339        <div class="modal-body row">
    340340            <?Php
    341             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    342             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    343             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    344             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     341            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     342            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     343            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     344            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    345345            ?>
    346346        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style24.php

    r2209121 r2648808  
    128128                . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';
    129129
    130 
    131130        return $data;
    132131    }
     
    139138                    <div class="oxi-head">
    140139                        General Settings
    141                     </div> 
    142                     <?php
    143                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    144                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    145                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    146                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    147                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    148                     ?>   
    149                 </div> 
     140                    </div>
     141                    <?php
     142                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     143                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     144                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     145                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     146                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     147                    ?>
     148                </div>
    150149                <div class="oxi-addons-content-div">
    151150                    <div class="oxi-head">
    152151                        Optional Settings
    153                     </div> 
    154                     <?php
    155                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    156                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    157                     ?> 
     152                    </div>
     153                    <?php
     154                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     155                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     156                    ?>
    158157                </div>
    159158            </div>
     
    164163                    </div>
    165164                    <?php
    166                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    167                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    168                     ?> 
    169                 </div> 
     165                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     166                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     167                    ?>
     168                </div>
    170169                <div class="oxi-addons-content-div">
    171170                    <div class="oxi-head">
     
    173172                    </div>
    174173                    <?php
    175                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    176                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    177                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    178                     ?> 
    179                 </div> 
     174                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     176                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     177                    ?>
     178                </div>
    180179            </div>
    181180        </div>
     
    185184                    <div class="oxi-head">
    186185                        General Settings
    187                     </div> 
    188                     <?php
    189                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    190                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    191                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    192                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
    193                     ?>   
    194                 </div> 
     186                    </div>
     187                    <?php
     188                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     189                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     190                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     191                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
     192                    ?>
     193                </div>
    195194                <div class="oxi-addons-content-div">
    196195                    <div class="oxi-head">
    197196                        Icon Settings
    198                     </div> 
    199                     <?php
    200                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    201                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    202                     echo $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    203                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    204                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    205                     ?> 
     197                    </div>
     198                    <?php
     199                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     200                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     201                    $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[11], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     202                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     203                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     204                    ?>
    206205                </div>
    207206            </div>
     
    212211                    </div>
    213212                    <?php
    214                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    215                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    216                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    217                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    218                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    219                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    220                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    221                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    222                     ?> 
    223                 </div> 
     213                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     214                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     215                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     216                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     217                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     218                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     219                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     220                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     221                    ?>
     222                </div>
    224223                <div class="oxi-addons-content-div">
    225224                    <div class="oxi-head">
     
    227226                    </div>
    228227                    <?php
    229                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
    230                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    231                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
    232                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
    233                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
    234                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
    235                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    236                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    237                     ?> 
    238                 </div> 
     228                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
     229                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[19], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     230                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
     231                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
     232                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
     233                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
     234                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     235                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     236                    ?>
     237                </div>
    239238            </div>
    240239        </div>
     
    244243                    <div class="oxi-head">
    245244                        General Settings
    246                     </div> 
    247                     <?php
    248                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    249                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    250                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    251                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
    252                     ?>   
    253                 </div> 
     245                    </div>
     246                    <?php
     247                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     248                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     249                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[23], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     250                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
     251                    ?>
     252                </div>
    254253
    255254                <div class="oxi-addons-content-div">
    256255                    <div class="oxi-head">
    257256                        Icon Settings
    258                     </div> 
    259                     <?php
    260                     echo $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[137], '1', 'Icon Size', 'Set your Icon Font Size');
    261                     echo $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[25], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    262                     echo $this->oxilab_flip_box_admin_color('backend-icon-background-color', $this->style[27], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data');
    263                     echo $this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[139], '1', 'Border Radius', 'Set Your Icon Border Radius');
    264                     echo $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[141], 'backend-icon-padding-left-right', $this->style[143], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    265                     ?> 
     257                    </div>
     258                    <?php
     259                    $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[137], '1', 'Icon Size', 'Set your Icon Font Size');
     260                    $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[25], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     261                    $this->oxilab_flip_box_admin_color('backend-icon-background-color', $this->style[27], '', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-icon-data');
     262                    $this->oxilab_flip_box_admin_number('backend-icon-border-radius', $this->style[139], '1', 'Border Radius', 'Set Your Icon Border Radius');
     263                    $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[141], 'backend-icon-padding-left-right', $this->style[143], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     264                    ?>
    266265                </div>
    267266            </div>
     
    272271                    </div>
    273272                    <?php
    274                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    275                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    276                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    277                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    278                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    279                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    280                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    281                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    282                     ?> 
     273                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     274                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[21], '', 'Heading Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     275                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     276                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     277                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     278                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     279                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     280                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     281                    ?>
    283282                </div>
    284283                <div class="oxi-addons-content-div">
    285284                    <div class="oxi-head">
    286285                        Backend Info
    287                     </div> 
    288                     <?php
    289                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    290                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    291                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    292                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    293                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    294                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    295                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    296                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    297                     ?> 
    298                 </div>                                                                                                                                 
    299             </div>
    300         </div>     
     286                    </div>
     287                    <?php
     288                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     289                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[17], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     290                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     291                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     292                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     293                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     294                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     295                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     296                    ?>
     297                </div>
     298            </div>
     299        </div>
    301300        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    302301            <div class="col-xs-12 p-2">
    303302                <div class="form-group">
    304303                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    305                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     304                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    306305                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    307306                </div>
     
    311310        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    312311            <?php
    313             echo $this->oxilab_flip_box_admin_support();
     312            $this->oxilab_flip_box_admin_support();
    314313            ?>
    315314        </div>
     
    327326        <div class="modal-body row">
    328327            <?php
    329             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    330             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    331             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    332 
    333             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    334             ?>                                           
     328            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     329            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     330            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     331
     332            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     333            ?>
    335334        </div>
    336335        <div class="modal-header">
     
    342341        <div class="modal-body row">
    343342            <?Php
    344             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    345             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    346             echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook');
    347             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    348             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    349             ?>                                           
     343            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     344            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     345            $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your Backend icon, Use Font-Awesome class name. As example fab fa-facebook');
     346            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     347            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     348            ?>
    350349        </div>
    351350        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style25.php

    r2209121 r2648808  
    137137                    <div class="oxi-head">
    138138                        General Settings
    139                     </div> 
    140                     <?php
    141                     echo  $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo  $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo  $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo  $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo  $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146                     ?>   
    147                 </div> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
    150150                        Optional Settings
    151                     </div> 
    152                     <?php
    153                     echo  $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo  $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155                     ?> 
     151                    </div>
     152                    <?php
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     155                    ?>
    156156                </div>
    157157            </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo  $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo  $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166                     ?> 
    167                 </div> 
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     166                    ?>
     167                </div>
    168168                <div class="oxi-addons-content-div">
    169169                    <div class="oxi-head">
     
    171171                    </div>
    172172                    <?php
    173                     echo  $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176                     ?> 
    177                 </div> 
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     176                    ?>
     177                </div>
    178178            </div>
    179179        </div>
     
    183183                    <div class="oxi-head">
    184184                        General Settings
    185                     </div> 
    186                     <?php
    187                     echo  $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
    188                     echo  $this->oxilab_flip_box_admin_number('front-padding-top', $this->style[71], '', 'Inner Padding', 'Set your Front Padding.');
    189                     echo  $this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Image Padding', 'Set your Front Margin as Top Bottom and Left Right');
    190                     echo  $this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    191                     echo  $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[159], 'flip-col-border-style', $this->style[161], 'Border Size', 'Set your front border size with different style');
    192                     ?>   
    193                 </div> 
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
     188                    $this->oxilab_flip_box_admin_number('front-padding-top', $this->style[71], '', 'Inner Padding', 'Set your Front Padding.');
     189                    $this->oxilab_flip_box_admin_number('front-margin-top-bottom', $this->style[105], '', 'Image Padding', 'Set your Front Margin as Top Bottom and Left Right');
     190                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     191                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[159], 'flip-col-border-style', $this->style[161], 'Border Size', 'Set your front border size with different style');
     192                    ?>
     193                </div>
    194194            </div>
    195195        </div>
     
    199199                    <div class="oxi-head">
    200200                        General Settings
    201                     </div> 
    202                     <?php
    203                     echo  $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
    204                     echo  $this->oxilab_flip_box_admin_number('backend-border-padding-top', $this->style[163], '', 'Padding', 'Set your backend border Padding.');
    205                     echo  $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    206                     echo  $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    207                     echo  $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[151], 'flip-backend-border-style', $this->style[149], 'Border Size', 'Set your backend border size with different style');
    208                     ?>   
    209                 </div> 
     201                    </div>
     202                    <?php
     203                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
     204                    $this->oxilab_flip_box_admin_number('backend-border-padding-top', $this->style[163], '', 'Padding', 'Set your backend border Padding.');
     205                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     206                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     207                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[151], 'flip-backend-border-style', $this->style[149], 'Border Size', 'Set your backend border size with different style');
     208                    ?>
     209                </div>
    210210                <div class="oxi-addons-content-div">
    211211                    <div class="oxi-head">
     
    213213                    </div>
    214214                    <?php
    215                     echo  $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    216                     echo  $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    217                     echo  $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    218                     echo  $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    219                     echo  $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    220                     echo  $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    221                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    222                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    223                     ?> 
    224                 </div>                                           
     215                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     216                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     217                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     218                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     219                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     220                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     221                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     222                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     223                    ?>
     224                </div>
    225225            </div>
    226226            <div class="oxi-addons-col-6">
     
    228228                    <div class="oxi-head">
    229229                        Backend Title Border
    230                     </div> 
    231                     <?php
    232                     echo  $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
    233                     echo  $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
    234                     echo  $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    235                     ?>   
    236                 </div> 
     230                    </div>
     231                    <?php
     232                    $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
     233                    $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
     234                    $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     235                    ?>
     236                </div>
    237237                <div class="oxi-addons-content-div">
    238238                    <div class="oxi-head">
    239239                        Backend Info
    240                     </div> 
    241                     <?php
    242                     echo  $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    243                     echo  $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    244                     echo  $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    245                     echo  $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    246                     echo  $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    247                     echo  $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    248                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    249                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    250                     ?> 
    251                 </div>                                                                                                                                 
    252             </div>
    253         </div> 
     240                    </div>
     241                    <?php
     242                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     243                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     244                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     245                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     246                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     247                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     248                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     249                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     250                    ?>
     251                </div>
     252            </div>
     253        </div>
    254254        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    255255            <div class="col-xs-12 p-2">
    256256                <div class="form-group">
    257257                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    258                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     258                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    259259                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    260260                </div>
     
    264264        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    265265            <?php
    266             echo $this->oxilab_flip_box_admin_support();
     266            $this->oxilab_flip_box_admin_support();
    267267            ?>
    268268        </div>
     
    280280        <div class="modal-body row">
    281281            <?php
    282             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    283             ?>                                           
     282            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     283            ?>
    284284        </div>
    285285        <div class="modal-header">
     
    291291        <div class="modal-body row">
    292292            <?Php
    293             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    294             echo  $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    295             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    296             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    297             ?>                                           
     293            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     294            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     295            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     296            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     297            ?>
    298298        </div>
    299299        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style26.php

    r2497348 r2648808  
    139139                    </div>
    140140                    <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146146                    ?>
    147147                </div>
     
    151151                    </div>
    152152                    <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155155                    ?>
    156156                </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166166                    ?>
    167167                </div>
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176176                    ?>
    177177                </div>
     
    185185                    </div>
    186186                    <?php
    187                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
    188                     echo $this->oxilab_flip_box_admin_number('front-border-margin-top', $this->style[69], '', 'Margin', 'Set your front border Margin.');
    189                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your front Padding as Top Bottom and Left Right');
    190                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    191                     echo $this->oxilab_flip_box_admin_border('flip-front-border-size', $this->style[75], 'flip-front-border-style', $this->style[77], 'Border Size', 'Set your front border size with different style');
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-front');
     188                    $this->oxilab_flip_box_admin_number('front-border-margin-top', $this->style[69], '', 'Margin', 'Set your front border Margin.');
     189                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Inner Padding', 'Set your front Padding as Top Bottom and Left Right');
     190                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     191                    $this->oxilab_flip_box_admin_border('flip-front-border-size', $this->style[75], 'flip-front-border-style', $this->style[77], 'Border Size', 'Set your front border size with different style');
    192192                    ?>
    193193                </div>
     
    197197                    </div>
    198198                    <?php
    199                     echo $this->oxilab_flip_box_admin_number('front-number-size', $this->style[79], '1', 'Number Size', 'Set your Number Font Size');
    200                     echo $this->oxilab_flip_box_admin_color('front-number-color', $this->style[11], '', 'Number Color', 'Set your Number Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    201                     echo $this->oxilab_flip_box_admin_font_family('front-number-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List');
    202                     echo $this->oxilab_flip_box_admin_font_style('front-number-style', $this->style[83], 'Font Style', 'Set your Number Font Style');
    203                     echo $this->oxilab_flip_box_admin_font_weight('front-number-weight', $this->style[85], 'Font Weight', 'Give your Front Number Font Weight');
    204                     echo $this->oxilab_flip_box_admin_number_double('front-number-padding-top-bottom', $this->style[87], 'front-number-padding-left-right', $this->style[89], 'Number Padding', 'Set your Number Padding as Top Bottom and Left Right');
     199                    $this->oxilab_flip_box_admin_number('front-number-size', $this->style[79], '1', 'Number Size', 'Set your Number Font Size');
     200                    $this->oxilab_flip_box_admin_color('front-number-color', $this->style[11], '', 'Number Color', 'Set your Number Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     201                    $this->oxilab_flip_box_admin_font_family('front-number-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List');
     202                    $this->oxilab_flip_box_admin_font_style('front-number-style', $this->style[83], 'Font Style', 'Set your Number Font Style');
     203                    $this->oxilab_flip_box_admin_font_weight('front-number-weight', $this->style[85], 'Font Weight', 'Give your Front Number Font Weight');
     204                    $this->oxilab_flip_box_admin_number_double('front-number-padding-top-bottom', $this->style[87], 'front-number-padding-left-right', $this->style[89], 'Number Padding', 'Set your Number Padding as Top Bottom and Left Right');
    205205                    ?>
    206206                </div>
     
    212212                    </div>
    213213                    <?php
    214                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size');
    215                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    216                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List');
    217                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style');
    218                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight');
    219                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align');
    220                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    221                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     214                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size');
     215                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     216                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List');
     217                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style');
     218                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight');
     219                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align');
     220                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     221                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    222222                    ?>
    223223                </div>
     
    231231                    </div>
    232232                    <?php
    233                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
    234                     echo $this->oxilab_flip_box_admin_number('backend-border-margin-top', $this->style[105], '', 'Margin', 'Set your backend border Margin.');
    235                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    236                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    237                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[149], 'flip-backend-border-style', $this->style[151], 'Border Size', 'Set your backend border size with different style');
     233                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-body-' . $this->oxiid . ' .oxilab-flip-box-back');
     234                    $this->oxilab_flip_box_admin_number('backend-border-margin-top', $this->style[105], '', 'Margin', 'Set your backend border Margin.');
     235                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     236                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     237                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[149], 'flip-backend-border-style', $this->style[151], 'Border Size', 'Set your backend border size with different style');
    238238                    ?>
    239239                </div>
     
    243243                    </div>
    244244                    <?php
    245                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    246                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    247                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    248                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    249                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    250                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    251                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    252                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     245                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     246                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     247                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     248                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     249                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     250                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     251                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     252                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    253253                    ?>
    254254                </div>
     
    258258                    </div>
    259259                    <?php
    260                     echo $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
    261                     echo $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
    262                     echo $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', '', '');
     260                    $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
     261                    $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
     262                    $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', '', '');
    263263                    ?>
    264264                </div>
     
    270270                    </div>
    271271                    <?php
    272                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    273                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    274                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    275                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    276                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    277                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    278                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    279                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     272                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     273                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     274                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     275                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     276                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     277                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     278                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     279                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    280280                    ?>
    281281                </div>
     
    285285                    </div>
    286286                    <?php
    287                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    288                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    289                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    290                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    291                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    292                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    293                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    294                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    295                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    296                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    297                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    298                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    299                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     287                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     288                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     289                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     290                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     291                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     292                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     293                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     294                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     295                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     296                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     297                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     298                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     299                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    300300                    ?>
    301301                </div>
     
    306306                <div class="form-group">
    307307                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    308                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     308                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    309309                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    310310                </div>
     
    314314        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    315315            <?php
    316             echo $this->oxilab_flip_box_admin_support();
     316            $this->oxilab_flip_box_admin_support();
    317317            ?>
    318318        </div>
     
    330330        <div class="modal-body row">
    331331            <?php
    332             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
    333             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    334             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     332            $this->oxilab_flip_box_admin_input_text('flip-box-front-icons', $this->child_editable[3], 'Number', 'Add your Serial Number, Use Any number for knowing the serial');
     333            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     334            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    335335            ?>
    336336        </div>
     
    343343        <div class="modal-body row">
    344344            <?Php
    345             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    346             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    347             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    348             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    349             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     345            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     346            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     347            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     348            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     349            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    350350            ?>
    351351        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style27.php

    r2209121 r2648808  
    139139                    <div class="oxi-head">
    140140                        General Settings
    141                     </div> 
    142                     <?php
    143                     echo  $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    144                     echo  $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    145                     echo  $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    146                     echo  $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    147                     echo  $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    148                     ?>   
    149                 </div> 
     141                    </div>
     142                    <?php
     143                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     144                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     145                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     146                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     147                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     148                    ?>
     149                </div>
    150150                <div class="oxi-addons-content-div">
    151151                    <div class="oxi-head">
    152152                        Optional Settings
    153                     </div> 
    154                     <?php
    155                     echo  $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    156                     echo  $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    157                     ?> 
     153                    </div>
     154                    <?php
     155                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     156                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     157                    ?>
    158158                </div>
    159159            </div>
     
    164164                    </div>
    165165                    <?php
    166                     echo  $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    167                     echo  $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    168                     ?> 
    169                 </div> 
     166                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     167                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     168                    ?>
     169                </div>
    170170                <div class="oxi-addons-content-div">
    171171                    <div class="oxi-head">
     
    173173                    </div>
    174174                    <?php
    175                     echo  $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    176                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    177                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    178                     ?> 
    179                 </div> 
     175                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     176                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     177                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     178                    ?>
     179                </div>
    180180            </div>
    181181        </div>
     
    185185                    <div class="oxi-head">
    186186                        General Settings
    187                     </div> 
    188                     <?php
    189                     echo  $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    190                     echo  $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your front Padding as Top Bottom and Left Right');
    191                     ?>   
    192                 </div> 
     187                    </div>
     188                    <?php
     189                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     190                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your front Padding as Top Bottom and Left Right');
     191                    ?>
     192                </div>
    193193                <div class="oxi-addons-content-div">
    194194                    <div class="oxi-head">
     
    196196                    </div>
    197197                    <?php
    198                     echo  $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size');
    199                     echo  $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    200                     echo  $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List');
    201                     echo  $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style');
    202                     echo  $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight');
    203                     echo  $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align');
    204                     echo  $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    205                     echo  $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    206                     ?> 
    207                 </div> 
     198                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[159], '1', 'Font Size', 'Set your front Heading Font Size');
     199                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     200                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[161], 'Font Family', 'Give your Prepared Font from our Google Font List');
     201                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[163], 'Font Style', 'Set your Heading Font Style');
     202                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[165], 'Font Weight', 'Give your Front Heading Font Weight');
     203                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[167], 'Text Align', 'Give your Heading Text Align');
     204                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[169], 'front-heding-padding-bottom', $this->style[171], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     205                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[173], 'front-heding-padding-right', $this->style[175], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     206                    ?>
     207                </div>
    208208            </div>
    209209            <div class="oxi-addons-col-6">
     
    211211                    <div class="oxi-head">
    212212                        Front Title Border
    213                     </div> 
    214                     <?php
    215                     echo  $this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[75], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
    216                     echo  $this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[77], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
    217                     echo  $this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[9], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    218                     ?> 
     213                    </div>
     214                    <?php
     215                    $this->oxilab_flip_box_admin_number('front-title-border-width', $this->style[75], '1', 'Border Width', 'Set your Front Title Bottom Border Width');
     216                    $this->oxilab_flip_box_admin_number('front-title-border-height', $this->style[77], '1', 'Border Height', 'Set your Front Title Bottom Border Height');
     217                    $this->oxilab_flip_box_admin_color('front-title-bottom-border-color', $this->style[9], '', 'Title Bottom Color', 'Set your Front Title Bottom Border Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     218                    ?>
    219219                </div>
    220220                <div class="oxi-addons-content-div">
     
    223223                    </div>
    224224                    <?php
    225                     echo  $this->oxilab_flip_box_admin_number('front-info-size', $this->style[79], '1', 'Font Size', 'Set your front Info Font Size');
    226                     echo  $this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    227                     echo  $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List');
    228                     echo  $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[83], 'Font Style', 'Set your Info Font Style');
    229                     echo  $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[85], 'Font Weight', 'Give your Front Info Font Weight');
    230                     echo  $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[87], 'Text Align', 'Give your Info Text Align');
    231                     echo  $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[89], 'front-info-padding-bottom', $this->style[91], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    232                     echo  $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[93], 'front-info-padding-right', $this->style[95], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    233                     ?> 
    234                 </div> 
     225                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[79], '1', 'Font Size', 'Set your front Info Font Size');
     226                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     227                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[81], 'Font Family', 'Give your Prepared Font from our Google Font List');
     228                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[83], 'Font Style', 'Set your Info Font Style');
     229                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[85], 'Font Weight', 'Give your Front Info Font Weight');
     230                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[87], 'Text Align', 'Give your Info Text Align');
     231                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[89], 'front-info-padding-bottom', $this->style[91], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     232                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[93], 'front-info-padding-right', $this->style[95], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     233                    ?>
     234                </div>
    235235
    236236            </div>
     
    241241                    <div class="oxi-head">
    242242                        General Settings
    243                     </div> 
    244                     <?php
    245                     echo  $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    246                     echo  $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    247                     ?>   
    248                 </div> 
     243                    </div>
     244                    <?php
     245                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     246                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Inner Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     247                    ?>
     248                </div>
    249249                <div class="oxi-addons-content-div">
    250250                    <div class="oxi-head">
     
    252252                    </div>
    253253                    <?php
    254                     echo  $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    255                     echo  $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    256                     echo  $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    257                     echo  $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    258                     echo  $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    259                     echo  $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    260                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    261                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    262                     ?> 
     254                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     255                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     256                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     257                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     258                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     259                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     260                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     261                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     262                    ?>
    263263                </div>
    264264                <div class="oxi-addons-content-div">
    265265                    <div class="oxi-head">
    266266                        Backend Title Border
    267                     </div> 
    268                     <?php
    269                     echo  $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
    270                     echo  $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
    271                     echo  $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
    272                     ?>   
    273                 </div> 
     267                    </div>
     268                    <?php
     269                    $this->oxilab_flip_box_admin_number('backend-title-border-width', $this->style[155], '1', 'Border Width', 'Set your Backend Title Bottom Border Width');
     270                    $this->oxilab_flip_box_admin_number('backend-title-border-height', $this->style[157], '1', 'Border Height', 'Set your Backend Title Bottom Border Height');
     271                    $this->oxilab_flip_box_admin_color('backend-title-bottom-border-color', $this->style[7], '', 'Title Bottom Color', 'Set your Backend Title Bottom Border Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading .oxilab-span');
     272                    ?>
     273                </div>
    274274            </div>
    275275            <div class="oxi-addons-col-6">
     
    277277                    <div class="oxi-head">
    278278                        Backend Info
    279                     </div> 
    280                     <?php
    281                     echo  $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    282                     echo  $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    283                     echo  $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    284                     echo  $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    285                     echo  $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    286                     echo  $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    287                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    288                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    289                     ?> 
     279                    </div>
     280                    <?php
     281                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     282                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     283                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     284                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     285                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     286                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     287                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     288                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     289                    ?>
    290290                </div>
    291291                <div class="oxi-addons-content-div">
     
    294294                    </div>
    295295                    <?php
    296                     echo  $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    297                     echo  $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    298                     echo  $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    299                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    300                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    301                     echo  $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    302                     echo  $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    303                     echo  $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    304                     echo  $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    305                     echo  $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    306                     echo  $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    307                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    308                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    309                     ?> 
    310                 </div>                                                                                       
    311             </div>
    312         </div>         
     296                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     297                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     298                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     299                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     300                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     301                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     302                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     303                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     304                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     305                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     306                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     307                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     308                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     309                    ?>
     310                </div>
     311            </div>
     312        </div>
    313313        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    314314            <div class="col-xs-12 p-2">
    315315                <div class="form-group">
    316316                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    317                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     317                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    318318                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    319319                </div>
     
    323323        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    324324            <?php
    325             echo $this->oxilab_flip_box_admin_support();
     325            $this->oxilab_flip_box_admin_support();
    326326            ?>
    327327        </div>
     
    339339        <div class="modal-body row">
    340340            <?php
    341             echo  $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    342             echo  $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    343 
    344             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    345             ?>                                           
     341            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     342            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     343
     344            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     345            ?>
    346346        </div>
    347347        <div class="modal-header">
     
    353353        <div class="modal-body row">
    354354            <?Php
    355             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    356             echo  $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    357             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    358             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    359             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    360             ?>                                           
     355            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     356            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     357            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     358            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     359            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     360            ?>
    361361        </div>
    362362        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style28.php

    r2209121 r2648808  
    137137                    <div class="oxi-head">
    138138                        General Settings
    139                     </div> 
    140                     <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146                     ?>   
    147                 </div> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
    150150                        Optional Settings
    151                     </div> 
    152                     <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155                     ?> 
     151                    </div>
     152                    <?php
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     155                    ?>
    156156                </div>
    157157            </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166                     ?> 
    167                 </div> 
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     166                    ?>
     167                </div>
    168168                <div class="oxi-addons-content-div">
    169169                    <div class="oxi-head">
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176                     ?> 
    177                 </div> 
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     176                    ?>
     177                </div>
    178178            </div>
    179179        </div>
     
    183183                    <div class="oxi-head">
    184184                        General Settings
    185                     </div> 
    186                     <?php
    187                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    188                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    189                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    190                     echo $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
    191                     ?>   
    192                 </div> 
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     188                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     189                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     190                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[149], 'flip-col-border-style', $this->style[151], 'Border Size', 'Set your front border size with different style');
     191                    ?>
     192                </div>
    193193                <div class="oxi-addons-content-div">
    194194                    <div class="oxi-head">
    195195                        Icon Settings
    196                     </div> 
    197                     <?php
    198                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    199                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    200                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    201                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    202                     ?> 
     196                    </div>
     197                    <?php
     198                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     199                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     200                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     201                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     202                    ?>
    203203                </div>
    204204            </div>
     
    209209                    </div>
    210210                    <?php
    211                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    212                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    213                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    214                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    215                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    216                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    217                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    218                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    219                     ?> 
    220                 </div>                                             
     211                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     212                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     213                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     214                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     215                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     216                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     217                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     218                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     219                    ?>
     220                </div>
    221221            </div>
    222222        </div>
     
    226226                    <div class="oxi-head">
    227227                        General Settings
    228                     </div> 
    229                     <?php
    230                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    231                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    232                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    233                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
    234                     ?>   
    235                 </div> 
     228                    </div>
     229                    <?php
     230                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     231                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     232                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     233                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[155], 'flip-backend-border-style', $this->style[157], 'Border Size', 'Set your backend border size with different style');
     234                    ?>
     235                </div>
    236236                <div class="oxi-addons-content-div">
    237237                    <div class="oxi-head">
     
    239239                    </div>
    240240                    <?php
    241                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    242                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    243                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    244                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    245                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    246                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    247                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    248                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    249                     ?> 
     241                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     242                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     243                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     244                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     245                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     246                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     247                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     248                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     249                    ?>
    250250                </div>
    251251            </div>
     
    254254                    <div class="oxi-head">
    255255                        Backend Info
    256                     </div> 
    257                     <?php
    258                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    259                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    260                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    261                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    262                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    263                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    264                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    265                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    266                     ?> 
     256                    </div>
     257                    <?php
     258                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     259                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     260                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     261                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     262                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     263                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     264                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     265                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     266                    ?>
    267267                </div>
    268268                <div class="oxi-addons-content-div">
     
    271271                    </div>
    272272                    <?php
    273                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    274                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    275                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    276                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    277                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    278                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    279                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    280                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    281                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    282                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    283                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    284                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    285                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    286                     ?> 
    287                 </div>                                                                                       
    288             </div>
    289         </div>   
     273                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     274                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     275                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     276                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     277                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     278                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     279                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     280                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     281                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     282                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     283                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     284                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     285                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     286                    ?>
     287                </div>
     288            </div>
     289        </div>
    290290        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    291291            <div class="col-xs-12 p-2">
    292292                <div class="form-group">
    293293                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    294                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     294                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    295295                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    296296                </div>
     
    300300        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    301301            <?php
    302             echo $this->oxilab_flip_box_admin_support();
     302            $this->oxilab_flip_box_admin_support();
    303303            ?>
    304304        </div>
     
    316316        <div class="modal-body row">
    317317            <?php
    318             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    319             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    320             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    321             ?>                                           
     318            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     319            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     320            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     321            ?>
    322322        </div>
    323323        <div class="modal-header">
     
    329329        <div class="modal-body row">
    330330            <?Php
    331             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    332             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    333             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    334             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    335             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    336             ?>                                           
     331            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     332            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     333            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     334            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     335            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     336            ?>
    337337        </div>
    338338        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style29.php

    r2209121 r2648808  
    137137                    <div class="oxi-head">
    138138                        General Settings
    139                     </div> 
    140                     <?php
    141                     echo  $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo  $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo  $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo  $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo  $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146                     ?>   
    147                 </div> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
    150150                        Optional Settings
    151                     </div> 
    152                     <?php
    153                     echo  $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo  $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155                     ?> 
     151                    </div>
     152                    <?php
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     155                    ?>
    156156                </div>
    157157            </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo  $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo  $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166                     ?> 
    167                 </div> 
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     166                    ?>
     167                </div>
    168168                <div class="oxi-addons-content-div">
    169169                    <div class="oxi-head">
     
    171171                    </div>
    172172                    <?php
    173                     echo  $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176                     ?> 
    177                 </div> 
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     176                    ?>
     177                </div>
    178178            </div>
    179179        </div>
     
    183183                    <div class="oxi-head">
    184184                        General Settings
    185                     </div> 
    186                     <?php
    187                     echo  $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '  .oxilab-heading');
    188                     echo  $this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
    189                     echo  $this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
    190                     echo  $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    191                     echo  $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');
    192                     ?>   
    193                 </div>                                             
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '  .oxilab-heading');
     188                    $this->oxilab_flip_box_admin_number_double('front-image-margin-top', $this->style[71], 'front-image-margin-bottom', $this->style[73], 'Image Margin Top Bottom', 'Set Your Image Margin Top and Bottom(If Needed)');
     189                    $this->oxilab_flip_box_admin_number_double('front-image-margin-left', $this->style[75], 'front-image-margin-right', $this->style[77], 'Image Margin Left Right', 'Set Your Image Margin Left and Right(If Needed)');
     190                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     191                    $this->oxilab_flip_box_admin_border('flip-col-border-size', $this->style[163], 'flip-col-border-style', $this->style[165], 'Border Size', 'Set your front border size with different style');
     192                    ?>
     193                </div>
    194194            </div>
    195195            <div class="oxi-addons-col-6">
     
    199199                    </div>
    200200                    <?php
    201                     echo  $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    202                     echo  $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    203                     echo  $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    204                     echo  $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    205                     echo  $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    206                     echo  $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    207                     echo  $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    208                     echo  $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    209                     ?> 
    210                 </div> 
     201                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     202                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     203                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     204                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     205                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     206                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     207                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     208                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     209                    ?>
     210                </div>
    211211            </div>
    212212        </div>
     
    216216                    <div class="oxi-head">
    217217                        General Settings
    218                     </div> 
    219                     <?php
    220                     echo  $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    221                     echo  $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    222                     echo  $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    223                     echo  $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');
    224                     ?>   
    225                 </div> 
     218                    </div>
     219                    <?php
     220                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     221                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     222                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[9], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     223                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[167], 'flip-backend-border-style', $this->style[169], 'Border Size', 'Set your backend border size with different style');
     224                    ?>
     225                </div>
    226226                <div class="oxi-addons-content-div">
    227227                    <div class="oxi-head">
     
    229229                    </div>
    230230                    <?php
    231                     echo  $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    232                     echo  $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    233                     echo  $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    234                     echo  $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    235                     echo  $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    236                     echo  $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    237                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    238                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    239                     ?> 
     231                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     232                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     233                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     234                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     235                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     236                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     237                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     238                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     239                    ?>
    240240                </div>
    241241            </div>
     
    244244                    <div class="oxi-head">
    245245                        Backend Info
    246                     </div> 
    247                     <?php
    248                     echo  $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    249                     echo  $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    250                     echo  $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    251                     echo  $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    252                     echo  $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    253                     echo  $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    254                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    255                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    256                     ?> 
     246                    </div>
     247                    <?php
     248                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     249                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     250                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     251                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     252                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     253                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     254                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     255                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     256                    ?>
    257257                </div>
    258258                <div class="oxi-addons-content-div">
     
    261261                    </div>
    262262                    <?php
    263                     echo  $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    264                     echo  $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    265                     echo  $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    266                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    267                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    268                     echo  $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    269                     echo  $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    270                     echo  $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    271                     echo  $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    272                     echo  $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    273                     echo  $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    274                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    275                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    276                     ?> 
    277                 </div>                                                                                       
     263                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     264                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     265                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     266                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     267                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     268                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     269                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     270                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     271                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     272                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     273                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     274                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     275                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     276                    ?>
     277                </div>
    278278            </div>
    279279        </div>
     
    282282                <div class="form-group">
    283283                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    284                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     284                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    285285                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    286286                </div>
     
    290290        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    291291            <?php
    292             echo $this->oxilab_flip_box_admin_support();
     292            $this->oxilab_flip_box_admin_support();
    293293            ?>
    294294        </div>
     
    306306        <div class="modal-body row">
    307307            <?php
    308             echo  $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    309             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    310             ?>                                           
     308            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     309            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     310            ?>
    311311        </div>
    312312        <div class="modal-header">
     
    318318        <div class="modal-body row">
    319319            <?Php
    320             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    321             echo  $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    322             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    323             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    324             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    325             ?>                                           
     320            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     321            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     322            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     323            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     324            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     325            ?>
    326326        </div>
    327327        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style3.php

    r2497348 r2648808  
    109109                    </div>
    110110                    <?php
    111                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    112                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    113                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    114                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    115                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');
     111                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     112                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     113                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     114                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     115                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[141], '1', 'Border Radius', 'Set your flip Border Radius');
    116116                    ?>
    117117                </div>
     
    121121                    </div>
    122122                    <?php
    123                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    124                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     123                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     124                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    125125                    ?>
    126126                </div>
     
    132132                    </div>
    133133                    <?php
    134                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    135                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     134                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     135                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    136136                    ?>
    137137                </div>
     
    141141                    </div>
    142142                    <?php
    143                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    144                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    145                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     143                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     144                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     145                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    146146                    ?>
    147147                </div>
     
    155155                    </div>
    156156                    <?php
    157                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    158                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     157                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     158                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[69], 'front-padding-left', $this->style[71], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    159159                    ?>
    160160                </div>
     
    164164                    </div>
    165165                    <?php
    166                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');
    167                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    168                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[75], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    169                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    170                     echo $this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align');
     166                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[73], '1', 'Icon Size', 'Set your Icon Font Size');
     167                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[7], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     168                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[75], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     169                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[77], 'front-icon-padding-left-right', $this->style[79], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     170                    $this->oxilab_flip_box_admin_text_align('front-icon-text-align', $this->style[81], 'Text Align', 'Give your Icon Text Align');
    171171                    ?>
    172172                </div>
     
    178178                    </div>
    179179                    <?php
    180                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    181                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    182                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    183                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    184                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    185                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    186                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    187                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     180                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     181                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[11], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     182                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     183                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     184                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     185                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     186                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     187                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    188188                    ?>
    189189                </div>
     
    193193                    </div>
    194194                    <?php
    195                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[101], '1', 'Font Size', 'Set your front Info Font Size');
    196                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    197                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[103], 'Font Family', 'Give your Prepared Font from our Google Font List');
    198                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[105], 'Font Style', 'Set your Info Font Style');
    199                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[107], 'Font Weight', 'Give your Front Info Font Weight');
    200                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[109], 'Text Align', 'Give your Info Text Align');
    201                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[111], 'front-info-padding-bottom', $this->style[113], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    202                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[115], 'front-info-padding-right', $this->style[117], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     195                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[101], '1', 'Font Size', 'Set your front Info Font Size');
     196                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[17], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     197                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[103], 'Font Family', 'Give your Prepared Font from our Google Font List');
     198                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[105], 'Font Style', 'Set your Info Font Style');
     199                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[107], 'Font Weight', 'Give your Front Info Font Weight');
     200                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[109], 'Text Align', 'Give your Info Text Align');
     201                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[111], 'front-info-padding-bottom', $this->style[113], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     202                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[115], 'front-info-padding-right', $this->style[117], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    203203                    ?>
    204204                </div>
     
    212212                    </div>
    213213                    <?php
    214                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    215                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     214                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[13], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     215                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[119], 'backend-padding-left', $this->style[121], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    216216                    ?>
    217217                </div>
     
    223223                    </div>
    224224                    <?php
    225                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');
    226                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    227                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');
    228                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');
    229                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');
    230                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');
    231                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    232                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     225                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[123], '1', 'Font Size', 'Set your Backend Info Font Size');
     226                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[15], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     227                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[125], 'Font Family', 'Give your Prepared Font from our Google Font List');
     228                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[127], 'Font Style', 'Set your Backend Info Font Style');
     229                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[129], 'Font Weight', 'Give your Backend Info Font Weight');
     230                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[131], 'Text Align', 'Give your Backend Info Text Align');
     231                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[133], 'backend-info-padding-bottom', $this->style[135], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     232                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[137], 'backend-info-padding-right', $this->style[139], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    233233                    ?>
    234234                </div>
     
    239239                <div class="form-group">
    240240                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    241                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[143]; ?></textarea>
     241                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[143]); ?></textarea>
    242242                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    243243                </div>
     
    247247        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    248248            <?php
    249             echo $this->oxilab_flip_box_admin_support();
     249            $this->oxilab_flip_box_admin_support();
    250250            ?>
    251251        </div>
     
    263263        <div class="modal-body row">
    264264            <?php
    265             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    266             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[13], 'Font Info:', 'Add font Info text unless make it blank.');
    267             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    268             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     265            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     266            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[13], 'Font Info:', 'Add font Info text unless make it blank.');
     267            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     268            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    269269            ?>
    270270        </div>
     
    277277        <div class="modal-body row">
    278278            <?Php
    279             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    280 
    281             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');
    282             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     279            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     280
     281            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[9], 'Link', 'Add your desire link or url unless make it blank');
     282            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[11], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    283283            ?>
    284284        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style4.php

    r2209121 r2648808  
    137137                    <div class="oxi-head">
    138138                        General Settings
    139                     </div> 
    140                     <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146                     ?>   
    147                 </div> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
    150150                        Optional Settings
    151                     </div> 
    152                     <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155                     ?> 
     151                    </div>
     152                    <?php
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     155                    ?>
    156156                </div>
    157157            </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166                     ?> 
    167                 </div> 
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     166                    ?>
     167                </div>
    168168                <div class="oxi-addons-content-div">
    169169                    <div class="oxi-head">
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176                     ?> 
    177                 </div> 
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     176                    ?>
     177                </div>
    178178            </div>
    179179        </div>
     
    183183                    <div class="oxi-head">
    184184                        General Settings
    185                     </div> 
    186                     <?php
    187                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    188                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    189                     ?>   
    190                 </div> 
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     188                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     189                    ?>
     190                </div>
    191191                <div class="oxi-addons-content-div">
    192192                    <div class="oxi-head">
    193193                        Icon Settings
    194                     </div> 
    195                     <?php
    196                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    197                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    198                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    199                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    200                     ?> 
     194                    </div>
     195                    <?php
     196                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     197                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     198                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     199                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     200                    ?>
    201201                </div>
    202202            </div>
     
    207207                    </div>
    208208                    <?php
    209                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    210                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    211                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    212                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    213                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    214                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    215                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    216                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    217                     ?> 
     209                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     210                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     211                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     212                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     213                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     214                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     215                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     216                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     217                    ?>
    218218                </div>
    219219                <div class="oxi-addons-content-div">
     
    222222                    </div>
    223223                    <?php
    224                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
    225                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    226                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
    227                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
    228                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
    229                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
    230                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    231                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    232                     ?> 
    233                 </div> 
     224                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
     225                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     226                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
     227                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
     228                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
     229                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
     230                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     231                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     232                    ?>
     233                </div>
    234234            </div>
    235235        </div>
     
    239239                    <div class="oxi-head">
    240240                        General Settings
    241                     </div> 
    242                     <?php
    243                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    244                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    245                     ?>   
    246                 </div> 
     241                    </div>
     242                    <?php
     243                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     244                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     245                    ?>
     246                </div>
    247247                <div class="oxi-addons-content-div">
    248248                    <div class="oxi-head">
     
    250250                    </div>
    251251                    <?php
    252                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    253                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    254                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    255                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    256                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    257                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    258                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    259                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    260                     ?> 
     252                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     253                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     254                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     255                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     256                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     257                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     258                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     259                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     260                    ?>
    261261                </div>
    262262            </div>
     
    265265                    <div class="oxi-head">
    266266                        Backend Info
    267                     </div> 
    268                     <?php
    269                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    270                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    271                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    272                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    273                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    274                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    275                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    276                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    277                     ?> 
     267                    </div>
     268                    <?php
     269                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     270                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     271                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     272                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     273                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     274                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     275                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     276                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     277                    ?>
    278278                </div>
    279279                <div class="oxi-addons-content-div">
     
    282282                    </div>
    283283                    <?php
    284                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    285                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    286                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    287                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    288                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    289                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    290                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    291                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    292                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    293                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    294                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    295                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    296                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    297                     ?> 
    298                 </div>                                                                                       
     284                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     285                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     286                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     287                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     288                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     289                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     290                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     291                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     292                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     293                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     294                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     295                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     296                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     297                    ?>
     298                </div>
    299299            </div>
    300300        </div>
     
    303303                <div class="form-group">
    304304                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    305                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     305                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    306306                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    307307                </div>
     
    311311        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    312312            <?php
    313             echo $this->oxilab_flip_box_admin_support();
     313            $this->oxilab_flip_box_admin_support();
    314314            ?>
    315315        </div>
     
    327327        <div class="modal-body row">
    328328            <?php
    329             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    330             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    331             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    332             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    333             ?>                                           
     329            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     330            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     331            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     332            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     333            ?>
    334334        </div>
    335335        <div class="modal-header">
     
    341341        <div class="modal-body row">
    342342            <?Php
    343             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    344             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    345             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    346             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    347             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    348             ?>                                           
     343            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     344            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     345            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     346            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     347            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     348            ?>
    349349        </div>
    350350        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style5.php

    r2209121 r2648808  
    121121                . ' {#}|{#}{#}|{#}'
    122122                . ' flip-box-image-upload-url-01 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-01']) . '{#}|{#}'
    123                 . ' flip-box-backend-desc {#}|{#}' .  $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}'
    124                 . ' flip-box-backend-button-text {#}|{#}' .  $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}'
     123                . ' flip-box-backend-desc {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-desc']) . '{#}|{#}'
     124                . ' flip-box-backend-button-text {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-button-text']) . '{#}|{#}'
    125125                . ' flip-box-backend-link {#}|{#}' . sanitize_text_field($_POST['flip-box-backend-link']) . '{#}|{#}'
    126126                . ' flip-box-image-upload-url-02 {#}|{#}' . sanitize_text_field($_POST['flip-box-image-upload-url-02']) . '{#}|{#}'
    127127                . '  {#}|{#}{#}|{#}'
    128                 . ' flip-box-backend-title {#}|{#}' .  $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';
     128                . ' flip-box-backend-title {#}|{#}' . $this->admin_special_charecter($_POST['flip-box-backend-title']) . '{#}|{#}';
    129129        return $data;
    130130    }
     
    137137                    <div class="oxi-head">
    138138                        General Settings
    139                     </div> 
    140                     <?php
    141                     echo  $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo  $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo  $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo  $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo  $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146                     ?>   
    147                 </div> 
     139                    </div>
     140                    <?php
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     146                    ?>
     147                </div>
    148148                <div class="oxi-addons-content-div">
    149149                    <div class="oxi-head">
    150150                        Optional Settings
    151                     </div> 
    152                     <?php
    153                     echo  $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo  $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155                     ?> 
     151                    </div>
     152                    <?php
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     155                    ?>
    156156                </div>
    157157            </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo  $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo  $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166                     ?> 
    167                 </div> 
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     166                    ?>
     167                </div>
    168168                <div class="oxi-addons-content-div">
    169169                    <div class="oxi-head">
     
    171171                    </div>
    172172                    <?php
    173                     echo  $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo  $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176                     ?> 
    177                 </div> 
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     176                    ?>
     177                </div>
    178178            </div>
    179179        </div>
     
    183183                    <div class="oxi-head">
    184184                        General Settings
    185                     </div> 
    186                     <?php
    187                     echo  $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    188                     ?>   
    189                 </div>
    190             </div>
    191         </div>                                   
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     188                    ?>
     189                </div>
     190            </div>
     191        </div>
    192192        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-3">
    193193            <div class="oxi-addons-col-6">
     
    195195                    <div class="oxi-head">
    196196                        General Settings
    197                     </div> 
    198                     <?php
    199                     echo  $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    200                     echo  $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    201                     ?>   
    202                 </div> 
     197                    </div>
     198                    <?php
     199                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     200                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     201                    ?>
     202                </div>
    203203                <div class="oxi-addons-content-div">
    204204                    <div class="oxi-head">
     
    206206                    </div>
    207207                    <?php
    208                     echo  $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    209                     echo  $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    210                     echo  $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    211                     echo  $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    212                     echo  $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    213                     echo  $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    214                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    215                     echo  $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    216                     ?> 
     208                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     209                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     210                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     211                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     212                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     213                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     214                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     215                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     216                    ?>
    217217                </div>
    218218            </div>
     
    221221                    <div class="oxi-head">
    222222                        Backend Info
    223                     </div> 
    224                     <?php
    225                     echo  $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    226                     echo  $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    227                     echo  $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    228                     echo  $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    229                     echo  $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    230                     echo  $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    231                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    232                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    233                     ?> 
     223                    </div>
     224                    <?php
     225                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     226                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     227                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     228                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     229                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     230                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     231                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     232                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     233                    ?>
    234234                </div>
    235235                <div class="oxi-addons-content-div">
     
    238238                    </div>
    239239                    <?php
    240                     echo  $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    241                     echo  $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    242                     echo  $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    243                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    244                     echo  $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    245                     echo  $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    246                     echo  $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    247                     echo  $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    248                     echo  $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    249                     echo  $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    250                     echo  $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    251                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    252                     echo  $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    253                     ?> 
    254                 </div>                                                                                       
     240                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     241                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     242                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     243                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     244                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     245                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     246                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     247                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     248                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     249                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     250                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     251                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     252                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     253                    ?>
     254                </div>
    255255            </div>
    256256        </div>
     
    259259                <div class="form-group">
    260260                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    261                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     261                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    262262                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    263263                </div>
     
    267267        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    268268            <?php
    269             echo $this->oxilab_flip_box_admin_support();
     269            $this->oxilab_flip_box_admin_support();
    270270            ?>
    271271        </div>
     
    283283        <div class="modal-body row">
    284284            <?php
    285             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    286             ?>                                           
     285            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     286            ?>
    287287        </div>
    288288        <div class="modal-header">
     
    294294        <div class="modal-body row">
    295295            <?Php
    296             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    297             echo  $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    298             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    299             echo  $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    300             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    301             ?>                                           
     296            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     297            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     298            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     299            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     300            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     301            ?>
    302302        </div>
    303303        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style6.php

    r2497348 r2648808  
    139139                    </div>
    140140                    <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146146                    ?>
    147147                </div>
     
    151151                    </div>
    152152                    <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155155                    ?>
    156156                </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166166                    ?>
    167167                </div>
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176176                    ?>
    177177                </div>
     
    185185                    </div>
    186186                    <?php
    187                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    188                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    189                     echo $this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style');
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     188                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     189                    $this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style');
    190190                    ?>
    191191                </div>
     
    199199                    </div>
    200200                    <?php
    201                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    202                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    203                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[97], 'flip-backend-border-style', $this->style[99], 'Border Size', 'Set your front border size with different style');
    204                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     201                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     202                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[17], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     203                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[97], 'flip-backend-border-style', $this->style[99], 'Border Size', 'Set your front border size with different style');
     204                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    205205                    ?>
    206206                </div>
     
    210210                    </div>
    211211                    <?php
    212                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    213                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    214                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    215                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    216                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    217                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    218                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    219                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     212                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     213                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     214                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     215                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     216                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     217                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     218                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     219                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    220220                    ?>
    221221                </div>
     
    227227                    </div>
    228228                    <?php
    229                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    230                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    231                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    232                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    233                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    234                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    235                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    236                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     229                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     230                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     231                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     232                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     233                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     234                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     235                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     236                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    237237                    ?>
    238238                </div>
     
    243243                <div class="form-group">
    244244                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    245                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     245                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    246246                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    247247                </div>
     
    251251        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    252252            <?php
    253             echo $this->oxilab_flip_box_admin_support();
     253            $this->oxilab_flip_box_admin_support();
    254254            ?>
    255255        </div>
     
    267267        <div class="modal-body row">
    268268            <?php
    269             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     269            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    270270            ?>
    271271        </div>
     
    278278        <div class="modal-body row">
    279279            <?Php
    280             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    281             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    282             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    283             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     280            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     281            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     282            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     283            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    284284            ?>
    285285        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style7.php

    r2209121 r2648808  
    128128                    <div class="oxi-head">
    129129                        General Settings
    130                     </div> 
    131                     <?php
    132                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    133                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    134                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    135                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    136                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    137                     ?>   
    138                 </div> 
     130                    </div>
     131                    <?php
     132                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     133                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     134                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     135                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     136                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     137                    ?>
     138                </div>
    139139                <div class="oxi-addons-content-div">
    140140                    <div class="oxi-head">
    141141                        Optional Settings
    142                     </div> 
    143                     <?php
    144                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    145                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    146                     ?> 
     142                    </div>
     143                    <?php
     144                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     145                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     146                    ?>
    147147                </div>
    148148            </div>
     
    153153                    </div>
    154154                    <?php
    155                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    156                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    157                     ?> 
    158                 </div> 
     155                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     156                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     157                    ?>
     158                </div>
    159159                <div class="oxi-addons-content-div">
    160160                    <div class="oxi-head">
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    165                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    166                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    167                     ?> 
    168                 </div> 
     164                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     165                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     166                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     167                    ?>
     168                </div>
    169169            </div>
    170170        </div>
     
    174174                    <div class="oxi-head">
    175175                        General Settings
    176                     </div> 
    177                     <?php
    178                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    179                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    180                     ?>   
    181                 </div> 
     176                    </div>
     177                    <?php
     178                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     179                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     180                    ?>
     181                </div>
    182182                <div class="oxi-addons-content-div">
    183183                    <div class="oxi-head">
    184184                        Icon Settings
    185                     </div> 
    186                     <?php
    187                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    188                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    189                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    190                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    191                     ?> 
     185                    </div>
     186                    <?php
     187                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     188                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     189                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     190                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     191                    ?>
    192192                </div>
    193193            </div>
     
    198198                    </div>
    199199                    <?php
    200                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    201                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    202                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    203                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    204                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    205                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    206                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    207                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    208                     ?> 
    209                 </div> 
     200                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     201                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Title Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     202                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     203                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     204                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     205                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     206                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     207                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     208                    ?>
     209                </div>
    210210                <div class="oxi-addons-content-div">
    211211                    <div class="oxi-head">
     
    213213                    </div>
    214214                    <?php
    215                     echo $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
    216                     echo $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
    217                     echo $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
    218                     echo $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
    219                     echo $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
    220                     echo $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
    221                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
    222                     echo $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
    223                     ?> 
    224                 </div> 
    225             </div>
    226         </div>                                   
     215                    $this->oxilab_flip_box_admin_number('front-info-size', $this->style[163], '1', 'Font Size', 'Set your front Info Font Size');
     216                    $this->oxilab_flip_box_admin_color('front-info-color', $this->style[29], '', 'Text Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-info');
     217                    $this->oxilab_flip_box_admin_font_family('front-info-family', $this->style[165], 'Font Family', 'Give your Prepared Font from our Google Font List');
     218                    $this->oxilab_flip_box_admin_font_style('front-info-style', $this->style[167], 'Font Style', 'Set your Info Font Style');
     219                    $this->oxilab_flip_box_admin_font_weight('front-info-weight', $this->style[169], 'Font Weight', 'Give your Front Info Font Weight');
     220                    $this->oxilab_flip_box_admin_text_align('front-info-text-align', $this->style[171], 'Text Align', 'Give your Info Text Align');
     221                    $this->oxilab_flip_box_admin_number_double('front-info-padding-top', $this->style[173], 'front-info-padding-bottom', $this->style[175], 'Padding Top Bottom', 'Set Your Info  Padding Top and Bottom');
     222                    $this->oxilab_flip_box_admin_number_double('front-info-padding-left', $this->style[177], 'front-info-padding-right', $this->style[179], 'Padding Left Right', 'Set Your Info  Padding Left and Right');
     223                    ?>
     224                </div>
     225            </div>
     226        </div>
    227227        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-3">
    228228            <div class="oxi-addons-col-6">
     
    230230                    <div class="oxi-head">
    231231                        General Settings
    232                     </div> 
    233                     <?php
    234                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    235                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    236                     ?>   
    237                 </div> 
     232                    </div>
     233                    <?php
     234                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     235                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     236                    ?>
     237                </div>
    238238                <div class="oxi-addons-content-div">
    239239                    <div class="oxi-head">
    240240                        Backend Info
    241                     </div> 
    242                     <?php
    243                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    244                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    245                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    246                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    247                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    248                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    249                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    250                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    251                     ?> 
     241                    </div>
     242                    <?php
     243                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     244                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     245                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     246                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     247                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     248                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     249                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     250                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     251                    ?>
    252252                </div>
    253253            </div>
     
    258258                    </div>
    259259                    <?php
    260                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    261                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    262                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    263                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    264                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    265                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    266                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    267                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    268                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    269                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    270                     ?> 
    271                 </div>                                                                                       
    272             </div>
    273         </div>   
     260                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     261                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     262                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     263                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     264                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     265                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     266                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     267                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     268                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     269                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     270                    ?>
     271                </div>
     272            </div>
     273        </div>
    274274        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-2">
    275275            <div class="col-xs-12 p-2">
    276276                <div class="form-group">
    277277                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    278                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[181]; ?></textarea>
     278                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[181]); ?></textarea>
    279279                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    280280                </div>
     
    284284        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    285285            <?php
    286             echo $this->oxilab_flip_box_admin_support();
     286            $this->oxilab_flip_box_admin_support();
    287287            ?>
    288288        </div>
     
    300300        <div class="modal-body row">
    301301            <?php
    302             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    303             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
    304             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    305             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    306             ?>                                           
     302            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     303            $this->oxilab_flip_box_admin_input_text_area('flip-box-font-desc', $this->child_editable[15], 'Font Info:', 'Add font Info text unless make it blank.');
     304            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     305            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     306            ?>
    307307        </div>
    308308        <div class="modal-header">
     
    314314        <div class="modal-body row">
    315315            <?Php
    316             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    317             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    318             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    319             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    320             ?>                                           
     316            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     317            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     318            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     319            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     320            ?>
    321321        </div>
    322322        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style8.php

    r2497348 r2648808  
    8484                    </div>
    8585                    <?php
    86                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    87                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    88                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    89                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    90                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[93], '1', 'Border Radius', 'Set your flip Border Radius');
     86                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     87                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     88                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     89                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     90                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[93], '1', 'Border Radius', 'Set your flip Border Radius');
    9191                    ?>
    9292                </div>
     
    9696                    </div>
    9797                    <?php
    98                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    99                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     98                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     99                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    100100                    ?>
    101101                </div>
     
    107107                    </div>
    108108                    <?php
    109                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    110                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     109                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     110                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    111111                    ?>
    112112                </div>
     
    116116                    </div>
    117117                    <?php
    118                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    119                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    120                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     118                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     119                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     120                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    121121                    ?>
    122122                </div>
     
    130130                    </div>
    131131                    <?php
    132                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
    133                     echo $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
    134                     echo $this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style');
     132                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '');
     133                    $this->oxilab_flip_box_admin_color('front-border-color', $this->style[7], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-' . $this->oxiid . '');
     134                    $this->oxilab_flip_box_admin_border('flip-font-border-size', $this->style[69], 'flip-font-border-style', $this->style[71], 'Border Size', 'Set your front border size with different style');
    135135                    ?>
    136136                </div>
     
    142142                    </div>
    143143                    <?php
    144                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    145                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[13], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    146                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    147                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[81], 'front-icon-padding-left-right', $this->style[83], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     144                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     145                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[13], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     146                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     147                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[81], 'front-icon-padding-left-right', $this->style[83], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    148148                    ?>
    149149                </div>
     
    157157                    </div>
    158158                    <?php
    159                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[9], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    160                     echo $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    161                     echo $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[73], 'flip-backend-border-style', $this->style[75], 'Border Size', 'Set your front border size with different style');
     159                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[9], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     160                    $this->oxilab_flip_box_admin_color('backend-border-color', $this->style[11], '', 'Border Color', 'Set your Border Color', 'border-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     161                    $this->oxilab_flip_box_admin_border('flip-backend-border-size', $this->style[73], 'flip-backend-border-style', $this->style[75], 'Border Size', 'Set your front border size with different style');
    162162                    ?>
    163163                </div>
     
    169169                    </div>
    170170                    <?php
    171                     echo $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[85], '1', 'Icon Size', 'Set your Icon Font Size');
    172                     echo $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-icon-data [class^=\'fa\']');
    173                     echo $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[87], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    174                     echo $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[89], 'backend-icon-padding-left-right', $this->style[91], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     171                    $this->oxilab_flip_box_admin_number('backend-icon-size', $this->style[85], '1', 'Icon Size', 'Set your Icon Font Size');
     172                    $this->oxilab_flip_box_admin_color('backend-icon-color', $this->style[15], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . ' .oxilab-icon-data [class^=\'fa\']');
     173                    $this->oxilab_flip_box_admin_number('backend-icon-width', $this->style[87], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     174                    $this->oxilab_flip_box_admin_number_double('backend-icon-padding-top-bottom', $this->style[89], 'backend-icon-padding-left-right', $this->style[91], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    175175                    ?>
    176176                </div>
     
    181181                <div class="form-group">
    182182                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    183                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[95]; ?></textarea>
     183                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[95]); ?></textarea>
    184184                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    185185                </div>
     
    189189        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    190190            <?php
    191             echo $this->oxilab_flip_box_admin_support();
     191            $this->oxilab_flip_box_admin_support();
    192192            ?>
    193193        </div>
     
    205205        <div class="modal-body row">
    206206            <?php
    207             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[11], 'Rearrange Title', 'Add your flip Rearrange  title.');
    208             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[7], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    209             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[1], 'Front Image', 'Add or modify your front image.');
     207            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[11], 'Rearrange Title', 'Add your flip Rearrange  title.');
     208            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[7], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     209            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[1], 'Front Image', 'Add or modify your front image.');
    210210            ?>
    211211        </div>
     
    218218        <div class="modal-body row">
    219219            <?Php
    220             echo $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    221             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[3], 'Link', 'Add your desire link or url unless make it blank');
    222             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[5], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     220            $this->oxilab_flip_box_admin_input_icon('flip-box-backend-icons', $this->child_editable[9], 'Backend Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     221            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[3], 'Link', 'Add your desire link or url unless make it blank');
     222            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[5], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    223223            ?>
    224224        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc/Style9.php

    r2497348 r2648808  
    139139                    </div>
    140140                    <?php
    141                     echo $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
    142                     echo $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
    143                     echo $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
    144                     echo $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
    145                     echo $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
     141                    $this->oxilab_flip_box_flip_type_effects_type($this->style[1], $this->style[3]);
     142                    $this->oxilab_flip_box_admin_col_data('flip-col', $this->style[43], 'Item per Rows', 'How many item shows in single Rows');
     143                    $this->oxilab_flip_box_admin_number('flip-width', $this->style[45], '1', 'Width', 'Give your Filp Width');
     144                    $this->oxilab_flip_box_admin_number('flip-height', $this->style[47], '1', 'Height', 'Give your Flip Height');
     145                    $this->oxilab_flip_box_admin_number('flip-border-radius', $this->style[153], '1', 'Border Radius', 'Set your flip Border Radius');
    146146                    ?>
    147147                </div>
     
    151151                    </div>
    152152                    <?php
    153                     echo $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
    154                     echo $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
     153                    $this->oxilab_flip_box_admin_number_double('margin-top', $this->style[49], 'margin-left', $this->style[51], 'Margin', 'Set your Margin top bottom and left right');
     154                    $this->oxilab_flip_box_admin_true_false('flip-open-tabs', $this->style[53], 'New tabs', '_blank', 'Normal', '', 'Link Open', 'Dow you want to open link at same Tabs or new Windows');
    155155                    ?>
    156156                </div>
     
    162162                    </div>
    163163                    <?php
    164                     echo $this->oxilab_flip_box_admin_animation_select($this->style[55]);
    165                     echo $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
     164                    $this->oxilab_flip_box_admin_animation_select($this->style[55]);
     165                    $this->oxilab_flip_box_admin_number('animation-duration', $this->style[57], '0.1', 'Animation Duration', 'Give your Animation Duration into Second');
    166166                    ?>
    167167                </div>
     
    171171                    </div>
    172172                    <?php
    173                     echo $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
    174                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
    175                     echo $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
     173                    $this->oxilab_flip_box_admin_color('flip-boxshow-color', $this->style[59], 'rgba', 'Color', 'Give your Box Shadow Color', '', '');
     174                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-horizontal', $this->style[61], 'flip-boxshow-vertical', $this->style[63], 'Shadow Length', 'Giveyour Box Shadow lenth as horizontal and vertical');
     175                    $this->oxilab_flip_box_admin_number_double('flip-boxshow-blur', $this->style[65], 'flip-boxshow-spread', $this->style[67], 'Shadow Radius', 'Giveyour Box Shadow Radius as Blur and Spread');
    176176                    ?>
    177177                </div>
     
    185185                    </div>
    186186                    <?php
    187                     echo $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color  ', '.oxilab-flip-box-' . $this->oxiid . '');
    188                     echo $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
     187                    $this->oxilab_flip_box_admin_color('front-background-color', $this->style[5], 'rgba', 'Background Color', 'Set your Front Background Color', 'background-color  ', '.oxilab-flip-box-' . $this->oxiid . '');
     188                    $this->oxilab_flip_box_admin_number_double('front-padding-top', $this->style[71], 'front-padding-left', $this->style[73], 'Padding', 'Set your Front Padding as Top Bottom and Left Right');
    189189                    ?>
    190190                </div>
     
    194194                    </div>
    195195                    <?php
    196                     echo $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
    197                     echo $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
    198                     echo $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[29], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
    199                     echo $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
    200                     echo $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
    201                     echo $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
     196                    $this->oxilab_flip_box_admin_number('front-icon-size', $this->style[77], '1', 'Icon Size', 'Set your Icon Font Size');
     197                    $this->oxilab_flip_box_admin_color('front-icon-color', $this->style[9], '', 'Icon Color', 'Set your Icon Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data [class^=\'fa\']');
     198                    $this->oxilab_flip_box_admin_color('front-icon-background-color', $this->style[29], 'rgba', 'Icon Background Color', 'Set your Icon Background Color', 'background-color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-icon-data');
     199                    $this->oxilab_flip_box_admin_number('front-icon-width', $this->style[79], '1', 'Icon width', 'Set your Icon Width and Height Size.');
     200                    $this->oxilab_flip_box_admin_number('front-icon-border-radius', $this->style[81], '1', 'Border Radius', 'Set Your Icon Border Radius');
     201                    $this->oxilab_flip_box_admin_number_double('front-icon-padding-top-bottom', $this->style[159], 'front-icon-padding-left-right', $this->style[161], 'Icon Padding', 'Set your Icon Padding as Top Bottom and Left Right');
    202202                    ?>
    203203                </div>
     
    209209                    </div>
    210210                    <?php
    211                     echo $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
    212                     echo $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
    213                     echo $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
    214                     echo $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
    215                     echo $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
    216                     echo $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
    217                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
    218                     echo $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
     211                    $this->oxilab_flip_box_admin_number('front-heading-size', $this->style[83], '1', 'Font Size', 'Set your front Heading Font Size');
     212                    $this->oxilab_flip_box_admin_color('front-heading-color', $this->style[13], '', 'Heading Color', 'Set your Front Heading Color', 'color', '.oxilab-flip-box-' . $this->oxiid . '-data .oxilab-heading');
     213                    $this->oxilab_flip_box_admin_font_family('front-heading-family', $this->style[85], 'Font Family', 'Give your Prepared Font from our Google Font List');
     214                    $this->oxilab_flip_box_admin_font_style('front-heding-style', $this->style[87], 'Font Style', 'Set your Heading Font Style');
     215                    $this->oxilab_flip_box_admin_font_weight('front-heding-weight', $this->style[89], 'Font Weight', 'Give your Front Heading Font Weight');
     216                    $this->oxilab_flip_box_admin_text_align('front-heding-text-align', $this->style[91], 'Text Align', 'Give your Heading Text Align');
     217                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-top', $this->style[93], 'front-heding-padding-bottom', $this->style[95], 'Padding Top Bottom', 'Set Your Heading  Padding Top and Bottom');
     218                    $this->oxilab_flip_box_admin_number_double('front-heding-padding-left', $this->style[97], 'front-heding-padding-right', $this->style[99], 'Padding Left Right', 'Set Your Heading  Padding Left and Right');
    219219                    ?>
    220220                </div>
     
    228228                    </div>
    229229                    <?php
    230                     echo $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
    231                     echo $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
     230                    $this->oxilab_flip_box_admin_color('backend-background-color', $this->style[15], 'rgba', 'Background Color', 'Set your Backend Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '');
     231                    $this->oxilab_flip_box_admin_number_double('backend-padding-top', $this->style[101], 'backend-padding-left', $this->style[103], 'Padding', 'Set your Backend Padding as Top Bottom and Left Right');
    232232                    ?>
    233233                </div>
     
    237237                    </div>
    238238                    <?php
    239                     echo $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
    240                     echo $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
    241                     echo $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
    242                     echo $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
    243                     echo $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
    244                     echo $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
    245                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
    246                     echo $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
     239                    $this->oxilab_flip_box_admin_number('backend-heading-size', $this->style[181], '1', 'Font Size', 'Set your backend Heading Font Size');
     240                    $this->oxilab_flip_box_admin_color('backend-title-color', $this->style[31], '', 'Title Color', 'Set your Backend title Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-heading');
     241                    $this->oxilab_flip_box_admin_font_family('backend-heading-family', $this->style[183], 'Font Family', 'Give your Prepared Font from our Google Font List');
     242                    $this->oxilab_flip_box_admin_font_style('backend-heading-style', $this->style[185], 'Font Style', 'Set your Heading Font Style');
     243                    $this->oxilab_flip_box_admin_font_weight('backend-heading-weight', $this->style[187], 'Font Weight', 'Give your backend Heading Font Weight');
     244                    $this->oxilab_flip_box_admin_text_align('backend-heading-text-align', $this->style[189], 'Text Align', 'Give your Heading Text Align');
     245                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-top', $this->style[191], 'backend-heading-padding-bottom', $this->style[193], 'Padding Top Bottom', 'Set Your backend Heading  Padding Top and Bottom');
     246                    $this->oxilab_flip_box_admin_number_double('backend-heading-padding-left', $this->style[195], 'backend-heading-padding-right', $this->style[197], 'Padding Left Right', 'Set Your backend Heading  Padding Left and Right');
    247247                    ?>
    248248                </div>
     
    254254                    </div>
    255255                    <?php
    256                     echo $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
    257                     echo $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
    258                     echo $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
    259                     echo $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
    260                     echo $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
    261                     echo $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
    262                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
    263                     echo $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
     256                    $this->oxilab_flip_box_admin_number('backend-info-size', $this->style[107], '1', 'Font Size', 'Set your Backend Info Font Size');
     257                    $this->oxilab_flip_box_admin_color('backend-info-color', $this->style[19], '', 'Text Color', 'Set your Backend Info Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-info');
     258                    $this->oxilab_flip_box_admin_font_family('backend-info-family', $this->style[109], 'Font Family', 'Give your Prepared Font from our Google Font List');
     259                    $this->oxilab_flip_box_admin_font_style('backend-info-style', $this->style[111], 'Font Style', 'Set your Backend Info Font Style');
     260                    $this->oxilab_flip_box_admin_font_weight('backend-info-weight', $this->style[113], 'Font Weight', 'Give your Backend Info Font Weight');
     261                    $this->oxilab_flip_box_admin_text_align('backend-info-text-align', $this->style[115], 'Text Align', 'Give your Backend Info Text Align');
     262                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-top', $this->style[117], 'backend-info-padding-bottom', $this->style[119], 'Padding Top Bottom', 'Set Your Backend Info  Padding Top and Bottom');
     263                    $this->oxilab_flip_box_admin_number_double('backend-info-padding-left', $this->style[121], 'backend-info-padding-right', $this->style[123], 'Padding Left Right', 'Set Your Backend Info  Padding Left and Right');
    264264                    ?>
    265265                </div>
     
    269269                    </div>
    270270                    <?php
    271                     echo $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
    272                     echo $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    273                     echo $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
    274                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    275                     echo $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
    276                     echo $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
    277                     echo $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
    278                     echo $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
    279                     echo $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
    280                     echo $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
    281                     echo $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
    282                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
    283                     echo $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
     271                    $this->oxilab_flip_box_admin_number('backend-button-size', $this->style[125], '1', 'Font Size', 'Set your Backend Button Font Size');
     272                    $this->oxilab_flip_box_admin_color('backend-button-color', $this->style[21], '', 'Button Color', 'Set your Backend Button Color', 'color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     273                    $this->oxilab_flip_box_admin_color('backend-button-background', $this->style[23], 'rgba', 'Buton Background', 'Set your Backend Button Background Color', 'background-color', ' .oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data');
     274                    $this->oxilab_flip_box_admin_color('backend-button-hover-color', $this->style[25], '', 'Button Hover', 'Set your Backend Button Hover Color', 'color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     275                    $this->oxilab_flip_box_admin_color('backend-button-hover-background', $this->style[27], 'rgba', 'Button Hover Background', 'Set your Backend Button Hover Background Color', 'background-color', '.oxilab-flip-box-back-' . $this->oxiid . '-data .oxilab-button-data:hover');
     276                    $this->oxilab_flip_box_admin_font_family('backend-button-family', $this->style[127], 'Font Family', 'Give your Prepared Font from our Google Font List');
     277                    $this->oxilab_flip_box_admin_font_style('backend-button-style', $this->style[129], 'Font Style', 'Set your Backend Button Font Style');
     278                    $this->oxilab_flip_box_admin_font_weight('backend-button-weight', $this->style[131], 'Font Weight', 'Give your Backend Button Font Weight');
     279                    $this->oxilab_flip_box_admin_number_double('backend-button-info-padding-top', $this->style[133], 'backend-button-info-padding-left', $this->style[135], 'Padding', 'Set Your Backend Button Padding Top Bottom and left Right');
     280                    $this->oxilab_flip_box_admin_number('backend-button-border-radius', $this->style[137], '1', 'Border Radius', 'Set your Backend Button Border Radius');
     281                    $this->oxilab_flip_box_admin_text_align('backend-button-text-align', $this->style[139], 'Text Align', 'Give your Backend Button Text Align');
     282                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-top', $this->style[141], 'backend-info-margin-bottom', $this->style[143], 'Margin Top Bottom', 'Set Your Backend Info Margin Top and Bottom');
     283                    $this->oxilab_flip_box_admin_number_double('backend-info-margin-left', $this->style[145], 'backend-info-margin-right', $this->style[147], 'Margin Left Right', 'Set Your Backend Info Margin Left and Right');
    284284                    ?>
    285285                </div>
     
    290290                <div class="form-group">
    291291                    <label for="custom-css" class="custom-css">Custom CSS:</label>
    292                     <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo $this->style[199]; ?></textarea>
     292                    <textarea class="form-control" rows="4" id="custom-css" name="custom-css"><?php echo esc_attr($this->style[199]); ?></textarea>
    293293                    <small class="form-text text-muted">Add Your Custom CSS Unless make it blank.</small>
    294294                </div>
     
    298298        <div class="oxi-addons-tabs-content-tabs" id="oxilab-tabs-id-1">
    299299            <?php
    300             echo $this->oxilab_flip_box_admin_support();
     300            $this->oxilab_flip_box_admin_support();
    301301            ?>
    302302        </div>
     
    314314        <div class="modal-body row">
    315315            <?php
    316             echo $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
    317             echo $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
    318 
    319             echo $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
     316            $this->oxilab_flip_box_admin_input_icon('flip-box-front-icons', $this->child_editable[3], 'Front Icon', 'Add your front icon, Use Font-Awesome class name. As example fab fa-facebook');
     317            $this->oxilab_flip_box_admin_input_text('flip-box-front-title', $this->child_editable[1], 'Front Title', 'Add your flip front title.');
     318
     319            $this->image_upload('flip-box-image-upload-url-01', $this->child_editable[5], 'Front Image', 'Add or modify your front image.');
    320320            ?>
    321321        </div>
     
    328328        <div class="modal-body row">
    329329            <?Php
    330             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
    331             echo $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
    332             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
    333             echo $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
    334             echo $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
     330            $this->oxilab_flip_box_admin_input_text('flip-box-backend-title', $this->child_editable[17], 'Backend Title', 'Add your flip backend title.');
     331            $this->oxilab_flip_box_admin_input_text_area('flip-box-backend-desc', $this->child_editable[7], 'Backend Info:', 'Add backend Info text unless make it blank.');
     332            $this->oxilab_flip_box_admin_input_text('flip-box-backend-button-text', $this->child_editable[9], 'Backend Button Text', 'Add your backend button text.');
     333            $this->oxilab_flip_box_admin_input_text('flip-box-backend-link', $this->child_editable[11], 'Link', 'Add your desire link or url unless make it blank');
     334            $this->image_upload('flip-box-image-upload-url-02', $this->child_editable[13], 'Backend Background Image', 'Add or Modify Your Backend Background Image. Unless make it blank.');
    335335            ?>
    336336        </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Admin_helper.php

    r2629126 r2648808  
    4949        </style>
    5050        <?php
    51 
    5251    }
    5352
     
    7877
    7978        $bgimage = OXI_FLIP_BOX_URL . 'image/sa-logo.png';
    80         $sub = '';
    81 
    82         $menu = '<div class="oxi-addons-wrapper">
    83                     <div class="oxilab-new-admin-menu">
    84                         <div class="oxi-site-logo">
    85                             <a href="' . $this->admin_url_convert('oxi-flip-box-ultimate') . '" class="header-logo" style=" background-image: url(' . $bgimage . ');">
    86                             </a>
    87                         </div>
    88                         <nav class="oxilab-sa-admin-nav">
    89                             <ul class="oxilab-sa-admin-menu">';
    90 
    91         $GETPage = sanitize_text_field($_GET['page']);
    92 
    93         foreach ($response as $key => $value) {
    94             $active = ($GETPage == $value['homepage'] ? ' class="active" ' : '');
    95             $menu .= '<li ' . $active . '><a href="' . $this->admin_url_convert($value['homepage']) . '">' . $this->name_converter($value['name']) . '</a></li>';
    96         }
    97 
    98         $menu .= '              </ul>
    99                             <ul class="oxilab-sa-admin-menu2">
    100                                ' . (apply_filters('oxi-flip-box-plugin/pro_version', false) == FALSE ? ' <li class="fazil-class" ><a target="_blank" href="https://oxilabdemos.com/flipbox/pricing/">Upgrade</a></li>' : '') . '
    101                                <li class="saadmin-doc"><a target="_black" href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/">Docs</a></li>
    102                                <li class="saadmin-doc"><a target="_black" href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">Support</a></li>
    103                                <li class="saadmin-set"><a href="' . admin_url('admin.php?page=oxi-flip-box-ultimate-settings') . '"><span class="dashicons dashicons-admin-generic"></span></a></li>
    104                             </ul>
    105                         </nav>
    106                     </div>
     79        ?>
     80
     81
     82        <div class="oxi-addons-wrapper">
     83            <div class="oxilab-new-admin-menu">
     84                <div class="oxi-site-logo">
     85                    <a href="<?php echo esc_url($this->admin_url_convert('oxi-flip-box-ultimate')) ?>" class="header-logo" style=" background-image: url(<?php echo esc_url($bgimage); ?>);">
     86                    </a>
    10787                </div>
    108                 ' . $sub;
    109         echo __($menu, OXI_FLIP_BOX_TEXTDOMAIN);
     88                <nav class="oxilab-sa-admin-nav">
     89                    <ul class="oxilab-sa-admin-menu">
     90
     91                        <?php
     92                        $GETPage = sanitize_text_field($_GET['page']);
     93
     94                        foreach ($response as $key => $value) {
     95                            $active = ($GETPage == $value['homepage'] ? ' class="active" ' : '');
     96                            echo '<li ' . esc_attr($active) . '><a href="' . esc_url($this->admin_url_convert($value['homepage'])) . '">' . esc_html($this->name_converter($value['name'])) . '</a></li>';
     97                        }
     98                        ?>
     99
     100                    </ul>
     101                    <ul class="oxilab-sa-admin-menu2">
     102
     103                        <?php
     104                        if (apply_filters('oxi-flip-box-plugin/pro_version', false) == FALSE):
     105                            echo ' <li class="fazil-class" ><a target="_blank" href="https://oxilabdemos.com/flipbox/pricing/">Upgrade</a></li>';
     106                        endif;
     107                        ?>
     108                        <li class="saadmin-doc"><a target="_black" href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/">Docs</a></li>
     109                        <li class="saadmin-doc"><a target="_black" href="https://wordpress.org/support/plugin/image-hover-effects-ultimate-visual-composer/">Support</a></li>
     110                        <li class="saadmin-set"><a href="<?php echo esc_url(admin_url('admin.php?page=oxi-flip-box-ultimate-settings')); ?>"><span class="dashicons dashicons-admin-generic"></span></a></li>
     111                    </ul>
     112                </nav>
     113            </div>
     114        </div>
     115        <?php
    110116    }
    111117
  • image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Public_Helper.php

    r2629126 r2648808  
    1919        $data = explode(':', $data);
    2020        $data = $data[0];
    21         $data = '"' . $data . '"';
     21        $data = '"' . esc_attr($data) . '"';
    2222
    2323        return $data;
     
    4444            wp_enqueue_style('font-awesome-' . $faversion[0], $faversion[1]);
    4545        }
    46         $files = '<i class="' . $data . ' oxi-icons"></i>';
     46        $files = '<i class="' . esc_attr($data) . ' oxi-icons"></i>';
    4747        return $files;
    4848    }
  • image-hover-effects-ultimate-visual-composer/trunk/Inc_Helper/Sanitization.php

    r2629126 r2648808  
    9696        ?>
    9797        <div class="form-group col-sm-12">
    98             <label for="<?php echo $id; ?>"><?php echo $name; ?></label>
    99             <input type="text "class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $this->admin_special_charecter($value); ?>">
    100             <small class="form-text text-muted"><?php echo $title; ?></small>
     98            <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label>
     99            <input type="text "class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>" value="<?php echo $this->admin_special_charecter(esc_html($value)); ?>">
     100            <small class="form-text text-muted"><?php echo esc_html($title); ?></small>
    101101        </div>
    102102        <?php
     
    106106        ?>
    107107        <div class="form-group col-sm-12">
    108             <label for="<?php echo $id; ?>"><?php echo $name; ?></label>
    109             <input type="text "class="form-control flip_box_admin_input_icon" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $value; ?>">
    110             <small class="form-text text-muted"><?php echo $title; ?></small>
     108            <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label>
     109            <input type="text "class="form-control flip_box_admin_input_icon" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>" value="<?php echo esc_attr($value); ?>">
     110            <small class="form-text text-muted"><?php echo esc_html($title); ?></small>
    111111        </div>
    112112        <?php
     
    116116        ?>
    117117        <div class="form-group col-sm-12">
    118             <label for="<?php echo $id; ?>"><?php echo $name; ?></label>
    119             <textarea class="form-control" rows="4" id="<?php echo $id; ?>" name="<?php echo $id; ?>"><?php echo $this->admin_special_charecter($value); ?></textarea>
    120             <small class="form-text text-muted"><?php echo $title; ?></small>
     118            <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label>
     119            <textarea class="form-control" rows="4" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>"><?php echo $this->admin_special_charecter(esc_html($value)); ?></textarea>
     120            <small class="form-text text-muted"><?php echo esc_html($title); ?></small>
    121121        </div>
    122122        <?php
     
    126126        ?>
    127127        <div class="form-group row form-group-sm">
    128             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    129             <div class="col-sm-6">
    130                 <input class="form-control" type="number" step="<?php echo $step; ?>" value="<?php echo $value; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
     128            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
     129            <div class="col-sm-6">
     130                <input class="form-control" type="number" step="<?php echo esc_attr($step); ?>" value="<?php echo esc_attr($value); ?>" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>">
    131131            </div>
    132132        </div>
     
    137137        ?>
    138138        <div class="form-group row form-group-sm">
    139             <label for="<?php echo $frist_id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
     139            <label for="<?php echo esc_attr($frist_id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
    140140            <div class="col-sm-3">
    141                 <input class="form-control" type="number"  min="0" value="<?php echo $first_value; ?>" id="<?php echo $frist_id; ?>" name="<?php echo $frist_id; ?>">
     141                <input class="form-control" type="number"  min="0" value="<?php echo esc_attr($first_value); ?>" id="<?php echo esc_attr($frist_id); ?>" name="<?php echo esc_attr($frist_id); ?>">
    142142            </div>
    143143            <div class="col-sm-3">
    144                 <input class="form-control" type="number"  min="0" value="<?php echo $second_value; ?>" id="<?php echo $second_id; ?>" name="<?php echo $second_id; ?>">
     144                <input class="form-control" type="number"  min="0" value="<?php echo esc_attr($second_value); ?>" id="<?php echo esc_attr($second_id); ?>" name="<?php echo esc_attr($second_id); ?>">
    145145            </div>
    146146        </div>
     
    156156        ?>
    157157        <div class="form-group row form-group-sm">
    158             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    159             <div class="col-sm-6">
    160                 <input type="text" <?php echo $colortype; ?> class="form-control oxilab-vendor-color" oxiexporttype="<?php echo $exporttype; ?>" oxiexportid="<?php echo $exportid; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>" value="<?php echo $value; ?>">
     158            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_attr($title); ?>" ><?php echo esc_attr($name); ?> </label>
     159            <div class="col-sm-6">
     160                <input type="text" <?php echo esc_attr($colortype); ?> class="form-control oxilab-vendor-color" oxiexporttype="<?php echo esc_attr($exporttype); ?>" oxiexportid="<?php echo esc_attr($exportid); ?>" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>" value="<?php echo esc_attr($value); ?>">
    161161            </div>
    162162        </div>
     
    168168        ?>
    169169        <div class="form-group row form-group-sm">
    170             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    171             <div class="col-sm-6">
    172                 <input class="form-control oxilab-admin-font" type="text" value="<?php echo $value; ?>" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
     170            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
     171            <div class="col-sm-6">
     172                <input class="form-control oxilab-admin-font" type="text" value="<?php echo esc_attr($value); ?>" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>">
    173173            </div>
    174174        </div>
     
    179179        ?>
    180180        <div class="form-group row">
    181             <label class="col-sm-6 control-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>"><?php echo $name; ?></label>
     181            <label class="col-sm-6 control-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>"><?php echo esc_html($name); ?></label>
    182182            <div class="col-sm-6">
    183183                <div class="btn-group" data-toggle="buttons">
     
    190190                                   echo 'checked';
    191191                               }
    192                                ?> name="<?php echo $id; ?>" id="<?php echo $id; ?>-yes" autocomplete="off" value="<?php echo $fristvalue; ?>"><?php echo $fristname; ?></label>
     192                               ?> name="<?php echo esc_attr($id); ?>" id="<?php echo esc_attr($id); ?>-yes" autocomplete="off" value="<?php echo esc_attr($fristvalue); ?>"><?php echo esc_html($fristname); ?></label>
    193193                    <label class="btn btn-primary <?php
    194194                    if ($Secondvalue == $value) {
     
    199199                                   echo 'checked';
    200200                               }
    201                                ?> name="<?php echo $id; ?>" id="<?php echo $id; ?>-no"  autocomplete="off" value="<?php echo $Secondvalue; ?>"><?php echo $Secondname; ?> </label>
     201                               ?> name="<?php echo esc_attr($id); ?>" id="<?php echo esc_attr($id); ?>-no"  autocomplete="off" value="<?php echo esc_attr($Secondvalue); ?>"><?php echo esc_html($Secondname); ?> </label>
    202202                </div>
    203203            </div>
     
    209209        ?>
    210210        <div class="form-group row form-group-sm">
    211             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    212             <div class="col-sm-6">
    213                 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
     211            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
     212            <div class="col-sm-6">
     213                <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>">
    214214                    <option value="100" <?php
    215215                    if ($value == '100') {
     
    286286        ?>
    287287        <div class="form-group row form-group-sm">
    288             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    289             <div class="col-sm-6">
    290                 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
     288            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
     289            <div class="col-sm-6">
     290                <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>">
    291291                    <option <?php
    292292                    if ($value == 'normal') {
     
    323323        ?>
    324324        <div class="form-group row form-group-sm">
    325             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    326             <div class="col-sm-6">
    327                 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
     325            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
     326            <div class="col-sm-6">
     327                <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>">
    328328                    <option value="left" <?php
    329329                    if ($value == 'left') {
     
    350350        ?>
    351351        <div class="form-group row form-group-sm">
    352             <label for="<?php echo $border_size; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
     352            <label for="<?php echo esc_attr($border_size); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
    353353            <div class="col-sm-3">
    354                 <input class="form-control" type="number"  min="0" value="<?php echo $border_size_value; ?>" id="<?php echo $border_size; ?>" name="<?php echo $border_size; ?>">
     354                <input class="form-control" type="number"  min="0" value="<?php echo esc_attr($border_size_value); ?>" id="<?php echo esc_attr($border_size); ?>" name="<?php echo esc_attr($border_size); ?>">
    355355            </div>
    356356
    357357            <div class="col-sm-3">
    358                 <select class="form-control" id="<?php echo $border_type; ?>" name="<?php echo $border_type; ?>">
     358                <select class="form-control" id="<?php echo esc_attr($border_type); ?>" name="<?php echo esc_attr($border_type); ?>">
    359359                    <option value="dotted" <?php
    360360                    if ($border_type_value == 'dotted') {
     
    422422        ?>
    423423        <div class="form-group row form-group-sm">
    424             <label for="<?php echo $id; ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo $title; ?>" ><?php echo $name; ?> </label>
    425             <div class="col-sm-6">
    426                 <select class="form-control" id="<?php echo $id; ?>" name="<?php echo $id; ?>">
     424            <label for="<?php echo esc_attr($id); ?>" class="col-sm-6 col-form-label"  data-toggle="tooltip" data-placement="top" title="<?php echo esc_html($title); ?>" ><?php echo esc_html($name); ?> </label>
     425            <div class="col-sm-6">
     426                <select class="form-control" id="<?php echo esc_attr($id); ?>" name="<?php echo esc_attr($id); ?>">
    427427                    <option value="oxilab-flip-box-col-1" <?php
    428428                    if ($value == 'oxilab-flip-box-col-1') {
     
    836836        ?>
    837837        <div class="form-group col-sm-12">
    838             <label for="<?php echo $id; ?>"><?php echo $name; ?></label>
     838            <label for="<?php echo esc_attr($id); ?>"><?php echo esc_html($name); ?></label>
    839839            <div class="form-group row col-sm-12  mb-0">
    840840                <div class="col-md-8 col-xs-6" style="padding-left: 0px;">
    841                     <input type="text "class="form-control" name="<?php echo $id; ?>" id="<?php echo $id; ?>"  value="<?php echo $value; ?>">
     841                    <input type="text "class="form-control" name="<?php echo esc_attr($id); ?>" id="<?php echo esc_attr($id); ?>"  value="<?php echo esc_attr($value); ?>">
    842842                </div>
    843843                <div class="col-md-4 col-xs-6" style="padding-left: 0px;">
    844                     <button type="button" oxi-upload="#<?php echo $id; ?>" class="flip-box-image-upload btn btn-outline-secondary" style="font-size: 12px;">Upload Image</button>
     844                    <button type="button" oxi-upload="#<?php echo esc_attr($id); ?>" class="flip-box-image-upload btn btn-outline-secondary" style="font-size: 12px;">Upload Image</button>
    845845                </div>
    846846            </div>
    847             <small class="form-text text-muted"><?php echo $title; ?></small>
     847            <small class="form-text text-muted"><?php echo esc_html($title); ?></small>
    848848        </div>
    849849        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Modules/Visual_Composer.php

    r2497348 r2648808  
    1717    public function VC_extension() {
    1818        vc_map(array(
    19             "name" => __("Flip Boxes and Image Overlay"),
    20             "base" => "oxilab_flip_box_VC",
    21             "category" => __("Content"),
     19            "name" => esc_html("Flip Boxes and Image Overlay"),
     20            "base" => esc_html("oxilab_flip_box_VC"),
     21            "category" => esc_html("Content"),
    2222            "params" => array(
    2323                array(
    2424                    "type" => "textfield",
    25                     "holder" => "div",
    26                     "heading" => __("ID"),
    27                     "param_name" => "id",
    28                     "description" => __("Input your Flip ID in input box")
     25                    "holder" => esc_html("div"),
     26                    "heading" => esc_html("ID"),
     27                    "param_name" => esc_html("id"),
     28                    "description" => esc_html("Input your Flip ID in input box")
    2929                ),
    3030            )
  • image-hover-effects-ultimate-visual-composer/trunk/Modules/Widget.php

    r2206996 r2648808  
    77    function __construct() {
    88        parent::__construct(
    9                 'oxi_flip_box_widget', __('Flipbox - Awesomes Flip Boxes Image Overlay', 'oxi_Flio_box_widget_widget'), array('description' => __('Flipbox - Awesomes Flip Boxes Image Overlay', 'oxi_flip_box_widget_widget'),)
     9                'oxi_flip_box_widget', esc_html__('Flipbox - Awesomes Flip Boxes Image Overlay', 'image-hover-effects-ultimate-visual-composer'), array('description' => esc_html__('Flipbox - Awesomes Flip Boxes Image Overlay', 'image-hover-effects-ultimate-visual-composer'),)
    1010        );
    1111    }
     
    2626            $title = $instance['title'];
    2727        } else {
    28             $title = __('1', 'oxi_flip_box_widget_widget');
     28            $title = esc_html__('1', 'image-hover-effects-ultimate-visual-composer');
    2929        }
    3030        ?>
    3131        <p>
    32             <label for="<?php echo $this->get_field_id('title'); ?>"><?php _e('Style ID:'); ?></label>
    33             <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo esc_attr($title); ?>" />
     32            <label for="<?php echo esc_attr($this->get_field_id('title')); ?>"><?php esc_html__('Style ID:', 'image-hover-effects-ultimate-visual-composer'); ?></label>
     33            <input class="widefat" id="<?php echo esc_attr($this->get_field_id('title')); ?>" name="<?php echo esc_attr($this->get_field_name('title')); ?>" type="text" value="<?php echo esc_html($title); ?>" />
    3434        </p>
    3535        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Addons.php

    r2629126 r2648808  
    9494                            $file_path = $modulespath;
    9595                            $plugin = explode('/', $file_path)[0];
    96                             $message = '';
    97                             if (isset($installed_plugins[$file_path])) :
    98                                 if (array_key_exists($file_path, $active_plugins)) :
    99                                     $message = '<a href="#" class="btn btn-light">Installed</a>';
    100                                 else :
    101                                     $activation_url = wp_nonce_url(admin_url('plugins.php?action=activate&plugin=' . $file_path), 'activate-plugin_' . $file_path);
    102                                     $message = sprintf('<a href="%s" class="btn btn-info">%s</a>', $activation_url, __('Activate', OXI_FLIP_BOX_TEXTDOMAIN));
    103                                 endif;
    104                             else :
    105                                 if (current_user_can('install_plugins')) :
    106                                     $install_url = wp_nonce_url(add_query_arg(array('action' => 'install-plugin', 'plugin' => $plugin), admin_url('update.php')), 'install-plugin' . '_' . $plugin);
    107                                     $message = sprintf('<a href="%s" class="btn btn-success">%s</a>', $install_url, __('Install', OXI_FLIP_BOX_TEXTDOMAIN));
    108                                 endif;
    109                             endif;
    11096                            ?>
    11197                            <div class="col-lg-4 col-md-6 col-sm-12">
    11298                                <div class="oxi-addons-modules-elements">
    113                                     <img class="oxi-addons-modules-banner" src="<?php echo $value['modules-img']; ?>">
     99                                    <img class="oxi-addons-modules-banner" src="<?php echo esc_url($value['modules-img']); ?>">
    114100                                    <div class="oxi-addons-modules-action-wrapper">
    115                                         <span class="oxi-addons-modules-name"><?php echo $value['modules-name']; ?></span>
    116                                         <span class="oxi-addons-modules-desc"><?php echo $value['modules-desc']; ?></span>
     101                                        <span class="oxi-addons-modules-name"><?php echo esc_html($value['modules-name']); ?></span>
     102                                        <span class="oxi-addons-modules-desc"><?php echo esc_html($value['modules-desc']); ?></span>
    117103                                    </div>
    118104                                    <div class="oxi-addons-modules-action-status">
    119                                         <span class="oxi-addons-modules-preview"><a href="<?php echo $value['plugin-url']; ?>" class="btn btn-dark">Preview</a></span>
    120                                         <span class="oxi-addons-modules-installing"><?php echo $message; ?></span>
     105                                        <span class="oxi-addons-modules-preview"><a href="<?php echo esc_url($value['plugin-url']); ?>" class="btn btn-dark">Preview</a></span>
    121106                                    </div>
    122107                                </div>
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Admin_Render.php

    r2646976 r2648808  
    144144            } else {
    145145                $id = (int) $_POST['item-id'];
    146                 $child = $this->register_child();
     146                $child = sanitize_post($this->register_child());
    147147                if ($id == '') {
    148148                    $this->wpdb->query($this->wpdb->prepare("INSERT INTO {$this->child_table} ( files, styleid) VALUES ( %s, %d)", array($child, $this->oxiid)));
     
    164164                $this->child_editable = explode('{#}|{#}', $child['files']);
    165165                $this->itemid = $child['id'];
    166                 echo '<script type="text/javascript"> jQuery(document).ready(function () {setTimeout(function() { jQuery("#oxi-addons-list-data-modal").modal("show")  }, 500); });</script>';
     166                $data = 'jQuery(document).ready(function () {setTimeout(function() { jQuery("#oxi-addons-list-data-modal").modal("show")  }, 500); });';
     167                wp_add_inline_script('oxi-flip-box-addons-vendor', $data);
    167168            }
    168169        }
     
    270271                                        <div class="oxi-addons-setting-save">
    271272                                            <?php wp_nonce_field("oxiflipstylecss") ?>
    272                                             <input type="hidden" id="style-id" name="style-id" value="<?php echo $this->oxiid; ?>">
     273                                            <input type="hidden" id="style-id" name="style-id" value="<?php echo esc_attr($this->oxiid); ?>">
    273274                                            <button type="button" class="btn btn-danger" id="oxi-addons-setting-reload">Reload</button>
    274275                                            <input type="submit" class="btn btn-primary" name="oxi-addons-flip-templates-submit" value="Submit">
     
    298299                                        <form method="post">
    299300                                            <div class="input-group my-2">
    300                                                 <input type="text" class="form-control" name="oxi-addons-name" placeholder=" Set Your Shortcode Name" value="<?php echo $this->dbdata['name']; ?>">
     301                                                <input type="text" class="form-control" name="oxi-addons-name" placeholder=" Set Your Shortcode Name" value="<?php echo esc_attr($this->dbdata['name']); ?>">
    301302                                                <div class="input-group-append">
    302303                                                    <input type="submit" class="btn btn-success" name="addonsstylenamechange" value="Save">
     
    315316                                        <p>Copy &amp;
    316317                                            paste the shortcode directly into any WordPress post, page or Page Builder.</p>
    317                                         <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id=&quot;<?php echo $this->oxiid; ?>&quot;]">
     318                                        <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id=&quot;<?php echo esc_attr($this->oxiid); ?>&quot;]">
    318319                                        <span></span>
    319320                                        <em>Shortcode for templates/themes</em>
    320321                                        <p>Copy &amp;
    321322                                            paste this code into a template file to include the slideshow within your theme.</p>
    322                                         <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo '<?php echo do_shortcode(\'[oxilab_flip_box  id=&quot;' . $this->oxiid . '&quot;]\'); ?>'; ?>">
     323                                        <input type="text" class="form-control" onclick="this.setSelectionRange(0, this.value.length)" value="<?php echo '<?php echo do_shortcode(\'[oxilab_flip_box  id=&quot;' . esc_attr($this->oxiid) . '&quot;]\'); ?>'; ?>">
    323324                                        <span></span>
    324325                                    </div>
     
    354355                                                            $val = explode('{#}|{#}', $value['files']);
    355356                                                            if ($r['tag'] == 'title'):
    356                                                                 echo '<li class="list-group-item" id="' . $value['id'] . '">' . $val[$r['id']] . '</li>';
     357                                                                echo '<li class="list-group-item" id="' . esc_attr($value['id']) . '">' . esc_html($val[$r['id']]) . '</li>';
    357358                                                            endif;
    358359                                                        }
     
    375376                                    <form method="post" id="oxi-flip-template-modal-form">
    376377                                        <div class="modal-content">
    377                                             <?php echo $this->modal_form_data(); ?>
     378                                            <?php $this->modal_form_data(); ?>
    378379                                            <div class="modal-footer">
    379                                                 <input type="hidden" id="item-id" name="item-id" value="<?php echo $this->itemid ?>">
     380                                                <input type="hidden" id="item-id" name="item-id" value="<?php echo esc_attr($this->itemid) ?>">
    380381                                                <input type="hidden" id="shortcodeitemid" name="shortcodeitemid" value="">
    381382                                                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Create.php

    r2497348 r2648808  
    7575     */
    7676    public function admin_ajax_load() {
    77         wp_enqueue_script('oxi-flip-create', OXI_FLIP_BOX_URL . '/asset/backend/js/create.js', false, OXI_FLIP_BOX_TEXTDOMAIN);
     77        wp_enqueue_script('oxi-flip-create', OXI_FLIP_BOX_URL . '/asset/backend/js/create.js', false, OXI_FLIP_BOX_PLUGIN_VERSION);
    7878        wp_localize_script('oxi-flip-create', 'oxi_flip_box_editor', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor')));
    7979    }
     
    126126                    $C = 'OXI_FLIP_BOX_PLUGINS\Public_Render\\' . $key;
    127127                    ?>
    128                     <div class="oxi-addons-col-1" id="<?php echo $key; ?>">
     128                    <div class="oxi-addons-col-1" id="<?php echo esc_attr($key); ?>">
    129129                        <div class="oxi-addons-style-preview">
    130130                            <div class="oxi-addons-style-preview-top oxi-addons-center">
     
    135135                                        echo '<div class="oxilab-flip-box-col-3">';
    136136                                        new $C($REND['style'], $REND['child']);
    137                                         echo '<textarea style="display:none" id="oxistyle' . $number . 'data-' . $k . '">' . htmlentities(json_encode($REND)) . '</textarea>';
     137                                        echo '<textarea style="display:none" id="oxistyle' . esc_attr($number) . 'data-' . esc_attr($k) . '">' . sanitize_textarea_field(htmlentities(json_encode($REND))) . '</textarea>';
    138138                                        echo '</div>';
    139139                                    }
     
    143143                            <div class="oxi-addons-style-preview-bottom">
    144144                                <div class="oxi-addons-style-preview-bottom-left">
    145                                     Style <?php echo $id; ?>
     145                                    Style <?php echo esc_html($id); ?>
    146146                                </div>
    147147                                <div class="oxi-addons-style-preview-bottom-right">
    148148                                    <form method="post" style=" display: inline-block; " class="shortcode-addons-template-deactive">
    149                                         <input type="hidden" name="oxideletestyle" value="<?php echo $id; ?>">
     149                                        <input type="hidden" name="oxideletestyle" value="<?php echo esc_attr($id); ?>">
    150150                                        <button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Delete"  type="submit" value="Deactive" name="addonsstyledelete">Deactive</button>
    151151                                    </form>
    152                                     <button type="button" class="btn btn-success oxi-addons-addons-template-create" data-toggle="modal" addons-data="oxistyle<?php echo $number; ?>data">Create Style</button>
     152                                    <button type="button" class="btn btn-success oxi-addons-addons-template-create" data-toggle="modal" addons-data="oxistyle<?php echo esc_attr($number); ?>data">Create Style</button>
    153153                                </div>
    154154                            </div>
     
    164164
    165165    public function create_new() {
    166         echo _('<div class="oxi-addons-row">
    167                         <div class="oxi-addons-col-1 oxi-import">
    168                             <div class="oxi-addons-style-preview">
    169                                 <div class="oxilab-admin-style-preview-top">
    170                                     <a href="' . admin_url("admin.php?page=oxi-flip-box-ultimate-import") . '">
    171                                         <div class="oxilab-admin-add-new-item">
    172                                             <span>
    173                                                 <i class="fas fa-plus-circle oxi-icons"></i>
    174                                                 Import Templates
    175                                             </span>
    176                                         </div>
    177                                     </a>
    178                                 </div>
    179                             </div>
    180                         </div>
    181                     </div>');
    182 
    183         echo __('<div class="modal fade" id="oxi-addons-style-create-modal" >
    184                         <form method="post" id="oxi-addons-style-modal-form">
    185                             <div class="modal-dialog modal-sm">
    186                                 <div class="modal-content">
    187                                     <div class="modal-header">
    188                                         <h4 class="modal-title">New Flipbox</h4>
    189                                         <button type="button" class="close" data-dismiss="modal">&times;</button>
     166        ?>
     167        <div class="oxi-addons-row">
     168            <div class="oxi-addons-col-1 oxi-import">
     169                <div class="oxi-addons-style-preview">
     170                    <div class="oxilab-admin-style-preview-top">
     171                        <a href="<?php echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-import")); ?>">
     172                            <div class="oxilab-admin-add-new-item">
     173                                <span>
     174                                    <i class="fas fa-plus-circle oxi-icons"></i>
     175                                    Import Templates
     176                                </span>
     177                            </div>
     178                        </a>
     179                    </div>
     180                </div>
     181            </div>
     182        </div>
     183
     184        <div class="modal fade" id="oxi-addons-style-create-modal" >
     185            <form method="post" id="oxi-addons-style-modal-form">
     186                <div class="modal-dialog modal-sm">
     187                    <div class="modal-content">
     188                        <div class="modal-header">
     189                            <h4 class="modal-title">New Flipbox</h4>
     190                            <button type="button" class="close" data-dismiss="modal">&times;</button>
     191                        </div>
     192                        <div class="modal-body">
     193                            <div class=" form-group row">
     194                                <label for="addons-style-name" class="col-sm-6 col-form-label" oxi-addons-tooltip="Give your Shortcode Name Here">Name</label>
     195                                <div class="col-sm-6 addons-dtm-laptop-lock">
     196                                    <input class="form-control" type="text" value="" id="addons-style-name"  name="addons-style-name">
     197                                </div>
     198                            </div>
     199                            <div class="form-group row">
     200                                <label for="oxi-tabs-link" class="col-sm-5 col-form-label" title="Select Layouts">Layouts</label>
     201                                <div class="col-sm-7">
     202                                    <div class="btn-group" data-toggle="buttons">
     203                                        <label class="btn btn-secondary active">
     204                                            <input type="radio" name="flip-box-layouts"value="1"  checked="">1st
     205                                        </label>
     206                                        <label class="btn btn-secondary">
     207                                            <input type="radio" name="flip-box-layouts" value="2">2nd
     208                                        </label>
     209                                        <label class="btn btn-secondary">
     210                                            <input type="radio" name="flip-box-layouts" value="3">3rd
     211                                        </label>
     212
    190213                                    </div>
    191                                     <div class="modal-body">
    192                                         <div class=" form-group row">
    193                                             <label for="addons-style-name" class="col-sm-6 col-form-label" oxi-addons-tooltip="Give your Shortcode Name Here">Name</label>
    194                                             <div class="col-sm-6 addons-dtm-laptop-lock">
    195                                                 <input class="form-control" type="text" value="" id="addons-style-name"  name="addons-style-name">
    196                                             </div>
    197                                         </div>
    198                                         <div class="form-group row">
    199                                             <label for="oxi-tabs-link" class="col-sm-5 col-form-label" title="Select Layouts">Layouts</label>
    200                                             <div class="col-sm-7">
    201                                                 <div class="btn-group" data-toggle="buttons">
    202                                                     <label class="btn btn-secondary active">
    203                                                         <input type="radio" name="flip-box-layouts"value="1"  checked="">1st
    204                                                     </label>
    205                                                     <label class="btn btn-secondary">
    206                                                         <input type="radio" name="flip-box-layouts" value="2">2nd
    207                                                     </label>
    208                                                     <label class="btn btn-secondary">
    209                                                         <input type="radio" name="flip-box-layouts" value="3">3rd
    210                                                     </label>
    211 
    212                                                 </div>
    213                                             </div>
    214                                         </div>
    215                                     </div>
    216                                     <div class="modal-footer">
    217                                         <input type="hidden" id="oxistyledata" name="oxistyledata" value="">
    218                                         <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
    219                                         <input type="submit" class="btn btn-success" name="addonsdatasubmit" id="addonsdatasubmit" value="Save">
    220                                     </div>
    221                                 </div>
    222                             </div>
    223                         </form>
    224                     </div>');
     214                                </div>
     215                            </div>
     216                        </div>
     217                        <div class="modal-footer">
     218                            <input type="hidden" id="oxistyledata" name="oxistyledata" value="">
     219                            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
     220                            <input type="submit" class="btn btn-success" name="addonsdatasubmit" id="addonsdatasubmit" value="Save">
     221                        </div>
     222                    </div>
     223                </div>
     224            </form>
     225        </div>
     226        <?php
    225227    }
    226228
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Home.php

    r2646976 r2648808  
    6161
    6262    public function CSSJS_load() {
    63         $this->manual_import_style();
    6463        $this->admin_css_loader();
    6564        $this->admin_home();
     
    7372     */
    7473    public function admin_ajax_load() {
    75         wp_enqueue_script('oxi-flip-box-home', OXI_FLIP_BOX_URL . '/asset/backend/js/home.js', false, OXI_FLIP_BOX_TEXTDOMAIN);
     74        wp_enqueue_script('oxi-flip-box-home', OXI_FLIP_BOX_URL . '/asset/backend/js/home.js', false, OXI_FLIP_BOX_PLUGIN_VERSION);
    7675        wp_localize_script('oxi-flip-box-home', 'oxi_flip_box_editor', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor')));
    7776    }
     
    8584        $path = str_replace(['//', '\\\\'], ['/', '\\'], $path);
    8685        return str_replace(['/', '\\'], DIRECTORY_SEPARATOR, $path);
    87     }
    88 
    89     public function manual_import_style() {
    90         if (!empty($_REQUEST['_wpnonce'])) {
    91             $nonce = $_REQUEST['_wpnonce'];
    92         }
    93 
    94         if (!empty($_POST['importdatasubmit']) && $_POST['importdatasubmit'] == 'Save') {
    95             if (!wp_verify_nonce($nonce, 'oxilab-flipbox-import')) {
    96                 die('You do not have sufficient permissions to access this page.');
    97             } else {
    98 
    99                 if (isset($_FILES['importoxilabflipboxfile']) && current_user_can('upload_files')) {
    100                     $filename = $_FILES["importoxilabflipboxfile"]["name"];
    101                     $folder = $this->safe_path(OXI_FLIP_BOX_PATH . 'asset/export/');
    102                     if (!file_exists($folder)) {
    103                         wp_mkdir_p($folder);
    104                     }
    105                     if (is_file($folder . $filename)) {
    106                         unlink($folder . $filename); // delete file
    107                     }
    108                     move_uploaded_file($_FILES['importoxilabflipboxfile']['tmp_name'], $folder . $filename);
    109                     $FlipboxApi = new \OXI_FLIP_BOX_PLUGINS\Classes\Admin_Ajax;
    110                     $FlipboxApi->post_json_import($folder, $filename);
    111 
    112                     if (is_file($folder . $filename)) {
    113                         unlink($folder . $filename); // delete file
    114                     }
    115                 }
    116             }
    117         }
    11886    }
    11987
     
    157125
    158126    public function created_shortcode() {
    159         $return = _(' <div class="oxi-addons-row"> <div class="oxi-addons-row table-responsive abop" style="margin-bottom: 20px; opacity: 0; height: 0px">
    160                         <table class="table table-hover widefat oxi_addons_table_data" style="background-color: #fff; border: 1px solid #ccc">
    161                             <thead>
    162                                 <tr>
    163                                     <th style="width: 5%">ID</th>
    164                                     <th style="width: 15%">Name</th>
    165                                     <th style="width: 10%">Templates</th>
    166                                     <th style="width: 30%">Shortcode</th>
    167                                     <th style="width: 40%">Edit Delete</th>
    168                                 </tr>
    169                             </thead>
    170                             <tbody>');
    171         foreach ($this->database_data() as $value) {
    172             $id = $value['id'];
    173             $return .= _('<tr>');
    174             $return .= _('<td>' . $id . '</td>');
    175             $return .= _('<td>' . $this->name_converter($value['name']) . '</td>');
    176             $return .= _('<td>' . $this->name_converter($value['style_name']) . '</td>');
    177             $return .= _('<td><span>Shortcode &nbsp;&nbsp;<input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id=&quot;' . $id . '&quot;]"></span> <br>'
    178                     . '<span>Php Code &nbsp;&nbsp; <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="&lt;?php echo do_shortcode(&#039;[oxilab_flip_box  id=&quot;' . $id . '&quot;]&#039;); ?&gt;"></span></td>');
    179             $return .= _('<td>
    180                             <a href="' . admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=$id") . '"  title="Edit"  class="btn btn-info" style="float:left; margin-right: 5px; margin-left: 5px;">Edit</a>
    181                             <form method="post" class="oxi-addons-style-delete">
    182                                    <input type="hidden" name="oxideleteid" id="oxideleteid" value="' . $id . '">
    183                                    <button class="btn btn-danger" style="float:left"  title="Delete"  type="submit" value="delete" name="addonsdatadelete">Delete</button>
    184                             </form>
    185                             <a href="' . $this->create_export_link('demo', $id, '') . '"  title="Export"  class="btn btn-info" style="float:left; margin-left: 5px;">Export</a>
    186                        </td>');
    187             $return .= _(' </tr>');
    188         }
    189         $return .= _('      </tbody>
     127        ?>
     128        <div class="oxi-addons-row"> <div class="oxi-addons-row table-responsive abop" style="margin-bottom: 20px; opacity: 0; height: 0px">
     129                <table class="table table-hover widefat oxi_addons_table_data" style="background-color: #fff; border: 1px solid #ccc">
     130                    <thead>
     131                        <tr>
     132                            <th style="width: 5%">ID</th>
     133                            <th style="width: 15%">Name</th>
     134                            <th style="width: 10%">Templates</th>
     135                            <th style="width: 30%">Shortcode</th>
     136                            <th style="width: 40%">Edit Delete</th>
     137                        </tr>
     138                    </thead>
     139                    <tbody>
     140
     141                        <?php
     142                        foreach ($this->database_data() as $value) {
     143                            $id = $value['id'];
     144                            ?>
     145                            <tr>
     146
     147                                <td><?php echo esc_html($id); ?></td>
     148                                <td><?php echo esc_html($this->name_converter($value['name'])); ?></td>
     149                                <td><?php echo esc_html($this->name_converter($value['style_name'])); ?></td>
     150
     151                                <td>
     152                                    <span>Shortcode &nbsp;&nbsp;<input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="[oxilab_flip_box id=&quot;<?php echo esc_attr($id); ?>&quot;]"></span> <br>
     153                                    <span>Php Code &nbsp;&nbsp; <input type="text" onclick="this.setSelectionRange(0, this.value.length)" value="&lt;?php echo do_shortcode(&#039;[oxilab_flip_box  id=&quot;<?php echo esc_attr($id); ?>&quot;]&#039;); ?&gt;"></span>
     154                                </td>
     155                                <td>
     156                                    <a href="<?php echo esc_url(admin_url("admin.php?page=oxi-flip-box-ultimate-new&styleid=" . esc_attr($id) . "")); ?>"  title="Edit"  class="btn btn-info" style="float:left; margin-right: 5px; margin-left: 5px;">Edit</a>
     157                                    <form method="post" class="oxi-addons-style-delete">
     158                                        <input type="hidden" name="oxideleteid" id="oxideleteid" value="<?php echo esc_html($id); ?>">
     159                                        <button class="btn btn-danger" style="float:left"  title="Delete"  type="submit" value="delete" name="addonsdatadelete">Delete</button>
     160                                    </form>
     161                                </td>
     162                            </tr>
     163                            <?php
     164                        }
     165                        ?>
     166                    </tbody>
    190167                </table>
    191168            </div>
    192169            <br>
    193             <br></div>');
    194         echo $return;
     170            <br>
     171        </div>
     172        <?php
    195173    }
    196174
    197175    public function create_new() {
    198176
    199         echo _('<div class="oxi-addons-row">
    200                         <div class="oxi-addons-col-1 oxi-import">
    201                             <div class="oxi-addons-style-preview">
    202                                 <div class="oxilab-admin-style-preview-top">
    203                                     <a href="#" id="oxi-import-style">
    204                                         <div class="oxilab-admin-add-new-item">
    205                                             <span>
    206                                                 <i class="fas fa-plus-circle oxi-icons"></i>
    207                                                 Import Flipbox JSON
    208                                             </span>
    209                                         </div>
    210                                     </a>
    211                                 </div>
    212                             </div>
    213                         </div>
    214                     </div>');
    215 
    216         echo _('   <div class="modal fade" id="oxi-addons-style-import-modal" >
    217                         <form method="post" id="oxi-addons-import-modal-form" enctype = "multipart/form-data">
    218                             <div class="modal-dialog modal-sm modal-dialog-centered">
    219                                 <div class="modal-content">
    220                                     <div class="modal-header">
    221                                         <h4 class="modal-title">Import Form</h4>
    222                                         <button type="button" class="close" data-dismiss="modal">&times;</button>
    223                                     </div>
    224                                     <div class="modal-body">
    225                                              <input class="form-control" type="file" name="importoxilabflipboxfile" accept=".json,application/json,.zip,application/octet-stream,application/zip,application/x-zip,application/x-zip-compressed">
    226                                     </div>
    227                                     <div class="modal-footer">
    228                                         <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
    229                                         <input type="submit" class="btn btn-success" name="importdatasubmit" id="importdatasubmit" value="Save">
    230                                     </div>
    231                                 </div>
    232                             </div>
    233                                ' . wp_nonce_field("oxilab-flipbox-import") . '
    234                         </form>
    235                     </div>');
    236177    }
    237178
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Import.php

    r2278127 r2648808  
    4040     */
    4141    public function admin_ajax_load() {
    42         wp_enqueue_script('oxi-flip-import', OXI_FLIP_BOX_URL . '/asset/backend/js/import.js', false, OXI_FLIP_BOX_TEXTDOMAIN);
     42        wp_enqueue_script('oxi-flip-import', OXI_FLIP_BOX_URL . '/asset/backend/js/import.js', false, OXI_FLIP_BOX_PLUGIN_VERSION);
    4343        wp_localize_script('oxi-flip-import', 'oxi_flip_box_editor', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor')));
    4444    }
     
    8787                    $C = 'OXI_FLIP_BOX_PLUGINS\Public_Render\\' . $k;
    8888                    ?>
    89                     <div class="oxi-addons-col-1" id="<?php echo $k; ?>">
     89                    <div class="oxi-addons-col-1" id="<?php echo esc_attr($k); ?>">
    9090                        <div class="oxi-addons-style-preview">
    9191                            <div class="oxi-addons-style-preview-top oxi-addons-center">
     
    104104                            <div class="oxi-addons-style-preview-bottom">
    105105                                <div class="oxi-addons-style-preview-bottom-left">
    106                                     Style <?php echo $id; ?>
     106                                    Style <?php echo esc_html($id); ?>
    107107                                </div>
    108108                                <div class="oxi-addons-style-preview-bottom-right">
     
    112112                                        ?>
    113113                                        <form method="post" style=" display: inline-block; " class="shortcode-addons-template-pro-only">
    114                                             <button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Pro Only"  type="submit" value="pro only" name="addonsstyleproonly">Pro Only</button> 
     114                                            <button class="btn btn-warning oxi-addons-addons-style-btn-warning" title="Pro Only"  type="submit" value="pro only" name="addonsstyleproonly">Pro Only</button>
    115115                                        </form>
    116116                                        <?php
     
    118118                                        ?>
    119119                                        <form method="post" style=" display: inline-block; " class="shortcode-addons-template-import">
    120                                             <input type="hidden" name="oxiimportstyle" value="<?php echo $id; ?>">
    121                                             <button class="btn btn-success oxi-addons-addons-template-create" title="import"  type="submit" value="Import" name="addonsstyleimport">Import</button> 
     120                                            <input type="hidden" name="oxiimportstyle" value="<?php echo esc_attr($id); ?>">
     121                                            <button class="btn btn-success oxi-addons-addons-template-create" title="import"  type="submit" value="Import" name="addonsstyleimport">Import</button>
    122122                                        </form>
    123123                                    <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Public_Render.php

    r2629126 r2648808  
    9595    public function loader() {
    9696        $this->oxiid = $this->dbdata['id'];
     97        $this->render();
    9798        $this->hooks();
    98         $this->render();
    9999    }
    100100
     
    122122
    123123        if ($this->inline_js != ''):
    124             if ($this->admin == 'admin'):
    125                 //only load while ajax called
    126                 echo _('<script>
    127                         (function ($) {
    128                             setTimeout(function () {');
    129                 echo $this->inline_js;
    130                 echo _('    }, 2000);
    131                         })(jQuery)</script>');
    132             else:
    133                 $jquery = '(function ($) {' . $this->inline_js . '})(jQuery);';
    134                 wp_add_inline_script($this->JSHANDLE, $jquery);
    135             endif;
    136 
     124            $jquery = '(function ($) {' . $this->inline_js . '})(jQuery);';
     125            wp_add_inline_script($this->JSHANDLE, $jquery);
    137126        endif;
    138127        if ($this->inline_css != ''):
    139             if ($this->admin == 'admin'):
    140                 //only load while ajax called
    141                 echo _('<style>');
    142                 echo $inlinecss;
    143                 echo _('</style>');
    144             else:
    145                 wp_add_inline_style('flip-box-addons-style', $inlinecss);
    146             endif;
     128            wp_add_inline_style('flip-box-addons-style', $inlinecss);
    147129        endif;
    148130    }
     
    171153            $preloadercls = '';
    172154        endif;
    173         echo '<div class="oxi-addons-container ' . $this->WRAPPER . ' ' . $preloadercls . '">';
     155        echo '<div class="oxi-addons-container ' . esc_attr($this->WRAPPER) . ' ' . esc_attr($preloadercls) . '">';
    174156        $this->default_render($this->style, $this->child, $this->admin);
    175157        echo '</div>';
     
    182164                        <div class="oxilab-style-absulate-edit">
    183165                            <form method="post">
    184                                 <input type="hidden" name="item-id" value="' . $id . '">
     166                                <input type="hidden" name="item-id" value="' . esc_attr($id) . '">
    185167                                <button class="btn btn-primary" type="submit" value="edit" name="edit" title="Edit">Edit</button>
    186168                                ' . wp_nonce_field("oxiflipeditdata") . '
     
    189171                        <div class="oxilab-style-absulate-delete">
    190172                            <form method="post" class="oxilab-style-absulate-delete-confirmation">
    191                                 <input type="hidden" name="item-id" value="' . $id . '">
     173                                <input type="hidden" name="item-id" value="' . esc_attr($id) . '">
    192174                                <button class="btn btn-danger" type="submit" value="delete" name="delete" title="Delete">Delete</button>
    193175                                ' . wp_nonce_field("oxiflipdeletedata") . '
     
    200182
    201183    public function text_render($data) {
    202         return do_shortcode(str_replace('spTac', '&nbsp;', str_replace('spBac', '<br>', html_entity_decode($data))), $ignore_html = false);
     184
     185        $allowed_tags = array(
     186            'a' => array(
     187                'class' => array(),
     188                'href' => array(),
     189                'rel' => array(),
     190                'title' => array(),
     191            ),
     192            'abbr' => array(
     193                'title' => array(),
     194            ),
     195            'b' => array(),
     196            'blockquote' => array(
     197                'cite' => array(),
     198            ),
     199            'cite' => array(
     200                'title' => array(),
     201            ),
     202            'code' => array(),
     203            'del' => array(
     204                'datetime' => array(),
     205                'title' => array(),
     206            ),
     207            'dd' => array(),
     208            'div' => array(
     209                'class' => array(),
     210                'title' => array(),
     211                'style' => array(),
     212                'id' => array(),
     213            ),
     214            'table' => array(
     215                'class' => array(),
     216                'id' => array(),
     217                'style' => array(),
     218            ),
     219            'button' => array(
     220                'class' => array(),
     221                'type' => array(),
     222                'value' => array(),
     223            ),
     224            'thead' => array(),
     225            'tbody' => array(),
     226            'tr' => array(),
     227            'td' => array(),
     228            'dt' => array(),
     229            'em' => array(),
     230            'h1' => array(),
     231            'h2' => array(),
     232            'h3' => array(),
     233            'h4' => array(),
     234            'h5' => array(),
     235            'h6' => array(),
     236            'i' => array(
     237                'class' => array(),
     238            ),
     239            'img' => array(
     240                'alt' => array(),
     241                'class' => array(),
     242                'height' => array(),
     243                'src' => array(),
     244                'width' => array(),
     245            ),
     246            'li' => array(
     247                'class' => array(),
     248            ),
     249            'ol' => array(
     250                'class' => array(),
     251            ),
     252            'p' => array(
     253                'class' => array(),
     254            ),
     255            'q' => array(
     256                'cite' => array(),
     257                'title' => array(),
     258            ),
     259            'span' => array(
     260                'class' => array(),
     261                'title' => array(),
     262                'style' => array(),
     263            ),
     264            'strike' => array(),
     265            'strong' => array(),
     266            'ul' => array(
     267                'class' => array(),
     268            ),
     269        );
     270
     271        return wp_kses($data, $allowed_tags);
    203272    }
    204273
     
    208277            wp_enqueue_style('font-awsome.min', OXI_FLIP_BOX_URL . '/asset/frontend/css/font-awsome.min.css', false, OXI_FLIP_BOX_PLUGIN_VERSION);
    209278        endif;
    210         $files = '<i class="' . $data . ' oxi-icons"></i>';
     279        $files = '<i class="' . esc_attr($data) . ' oxi-icons"></i>';
    211280        return $files;
    212281    }
     
    221290        $data = str_replace('+', ' ', $data);
    222291        $data = explode(':', $data);
    223         return '"' . $data[0] . '"';
     292        return '"' . esc_attr($data[0]) . '"';
    224293    }
    225294
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Settings.php

    r2629126 r2648808  
    5050    public function admin_ajax_load() {
    5151        $this->admin_css_loader();
    52         wp_enqueue_script('oxi-flip-settings', OXI_FLIP_BOX_URL . '/asset/backend/js/settings.js', false, OXI_FLIP_BOX_TEXTDOMAIN);
     52        wp_enqueue_script('oxi-flip-settings', OXI_FLIP_BOX_URL . '/asset/backend/js/settings.js', false, OXI_FLIP_BOX_PLUGIN_VERSION);
    5353        wp_localize_script('oxi-flip-settings', 'oxi_flip_box_settings', array('ajaxurl' => admin_url('admin-ajax.php'), 'nonce' => wp_create_nonce('oxi-flip-box-editor')));
    5454    }
     
    7272                                <td>
    7373                                    <fieldset>
    74                                         <select name="oxi_addons_user_permission">
     74                                        <select name="oxi_addons_user_permission" id="oxi_addons_user_permission">
    7575                                            <?php foreach ($this->roles as $key => $role) { ?>
    76                                                 <option value="<?php echo $key; ?>" <?php selected($this->saved_role, $key); ?>>
    77                                                     <?php echo $role; ?></option>
     76                                                <option value="<?php echo esc_attr($key); ?>" <?php selected($this->saved_role, $key); ?>>
     77                                                    <?php echo esc_html($role); ?></option>
    7878                                            <?php } ?>
    7979                                        </select>
    8080                                        <span class="oxi-addons-settings-connfirmation oxi_addons_user_permission"></span>
    8181                                        <br>
    82                                         <p class="description"><?php _e('Select the Role who can manage This Plugins.'); ?> <a
     82                                        <p class="description">Select the Role who can manage This Plugins. <a
    8383                                                target="_blank"
    8484                                                href="https://codex.wordpress.org/Roles_and_Capabilities#Capability_vs._Role_Table">Help</a>
     
    152152                    <br>
    153153                    <br>
    154                     <h2><?php _e('License Activation'); ?></h2>
     154                    <h2>License Activation</h2>
    155155                    <p>Activate your copy to get direct plugin updates and official support.</p>
    156156                    <table class="form-table" role="presentation">
     
    162162                                <td class="valid">
    163163                                    <input type="text" class="regular-text" id="oxilab_flip_box_license_key"
    164                                            name="oxilab_flip_box_license_key" value="<?php echo ($this->status == 'valid' && empty($this->license)) ? '****************************************' : $this->license; ?>">
     164                                           name="oxilab_flip_box_license_key" value="<?php echo ($this->status == 'valid' && empty($this->license)) ? '****************************************' : esc_html($this->license); ?>">
    165165                                    <span class="oxi-addons-settings-connfirmation oxilab_flip_box_license_massage">
    166166                                        <?php
     
    183183                                            echo '<span class="oxi-addons-settings-massage">Active</span>';
    184184                                        elseif (!empty($this->license)) :
    185                                             echo '<span class="oxi-addons-settings-massage">' . $this->status . '</span>';
     185                                            echo '<span class="oxi-addons-settings-massage">' . esc_html($this->status) . '</span>';
    186186                                        else :
    187187                                            echo '<span class="oxi-addons-settings-massage"></span>';
  • image-hover-effects-ultimate-visual-composer/trunk/Page/Welcome.php

    r2629126 r2648808  
    3939                <p>Flipbox - Awesomes Flip Boxes Image Overlay makes it easy to create Flipbox or Flipping Content in WordPress. You can follow the video tutorial on the right or read our how to
    4040                    <a href="https://oxilabdemos.com/flipbox/docs/installations/how-to-install-the-plugin/" target="_blank" rel="noopener">Create your Flipbox Guide</a>.                   </p>
    41                 <p>But in reality, the process is so intuitive that you can just start by going to <a href="<?php echo admin_url(); ?>admin.php?page=oxi-flip-box-ultimate-new">Create Flipbox</a>.             </p>
     41                <p>But in reality, the process is so intuitive that you can just start by going to <a href="<?php echo esc_url(admin_url()); ?>admin.php?page=oxi-flip-box-ultimate-new">Create Flipbox</a>.                </p>
    4242                </br>
    4343                </br>
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style1.php

    r2278127 r2648808  
    2424
    2525    public function default_render() {
    26         $styleid = $this->oxiid;
    27         $styledata = explode('|', $this->dbdata['css']);
     26        $styleid = esc_attr($this->oxiid);
     27        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2828        $listdata = $this->child;
    2929        ?>
     
    3232            foreach ($listdata as $value) {
    3333                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     34                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3535                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     36                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     37                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3838                         sa-data-animation-offset="100%"
    3939                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     40                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4141                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4343                            <?php
    4444                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $this->text_render($filesdata[11]) . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($this->text_render($filesdata[11])) . '" target="' . esc_attr($styledata[53]) . '">';
    4946                            }
    5047                            ?>
    5148                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5451                                        <div class="oxilab-flip-box-style">
    5552                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
    58                                                         <div class="oxilab-flip-box-<?php echo $styleid; ?>-image">
    59                                                             <img src="<?php echo $this->text_render($filesdata[5]); ?>">
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
     55                                                        <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-image">
     56                                                            <img src="<?php echo esc_url($this->text_render($filesdata[5])); ?>">
    6057                                                            <div class="oxilab-flip-box-<?php echo $styleid; ?>-image-icon">
    6158                                                                <?php echo $this->font_awesome_render($filesdata[3]) ?>
    6259                                                            </div>
    6360                                                        </div>
    64                                                         <div class="oxilab-flip-box-<?php echo $styleid; ?>-heading">
    65                                                             <div class="oxilab-flip-box-<?php echo $styleid; ?>-heading-data">
     61                                                        <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-heading">
     62                                                            <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-heading-data">
    6663                                                                <?php echo $this->text_render($filesdata[1]); ?>
    6764                                                            </div>
     
    7168                                            </div>
    7269                                            <div class="oxilab-flip-box-back">
    73                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    74                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
    75                                                         <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-file">
     70                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     71                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
     72                                                        <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-file">
    7673                                                            <div class="oxilab-info">
    7774                                                                <?php echo $this->text_render($filesdata[7]); ?>
     
    7976                                                            <?php
    8077                                                            if ($filesdata[9] != '') {
    81                                                              
     78
    8279                                                                echo '  <div class="oxilab-button">
    83                                                                             <a href="' . $this->text_render($filesdata[11]) . '" target="' . $styledata[53] . '">
     80                                                                            <a href="' . esc_url($this->text_render($filesdata[11])) . '" target="' . esc_attr($styledata[53]) . '">
    8481                                                                                <div class="oxilab-button-data">
    8582                                                                                    ' . $this->text_render($filesdata[9]) . '
     
    9996                            </div>
    10097                            <?php
    101                             echo $fileslinkend;
     98                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     99                                echo '</a>';
     100                            }
    102101                            echo $this->admin_edit_panel($value['id']);
    103102                            ?>
    104103                        </div>
    105                         <style>
    106                 <?php
    107                 if ($filesdata[13] != '') {
    108                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '-data{
     104
     105                        <?php
     106                        if ($filesdata[13] != '') {
     107                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '-data{
    109108background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    110109-moz-background-size: 100% 100%;
     
    112111background-size: 100% 100%;
    113112}';
    114                 }
    115                 ?> </style>
    116                     </div>       
     113                        }
     114                        ?>
     115                    </div>
    117116                    <?php
    118117                endif;
    119118            }
    120             ?>
    121             <style>
    122                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    123                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    124                 }
    125                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    126                     max-width: <?php echo $styledata[45]; ?>px;
     119
     120
     121            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     122                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     123                }
     124                .oxilab-flip-box-body-' . $styleid . '{
     125                    max-width: ' . $styledata[45] . 'px;
    127126                    width: 100%;
    128127                    margin: 0 auto;
    129                     position: relative;   
    130                 }
    131                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    132                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     128                    position: relative;
     129                }
     130                .oxilab-flip-box-body-' . $styleid . ':after {
     131                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    133132                    content: "";
    134133                    display: block;
    135134                }
    136                 .oxilab-flip-box-<?php echo $styleid; ?>{
    137                     position: absolute;
    138                     top: 0;
    139                     left: 0;
    140                     width: 100%;
    141                     height: 100%; 
    142                     display: block;
    143                     border: 1px solid <?php echo $styledata[5]; ?>;
    144                     background-color: <?php echo $styledata[7]; ?>;
    145                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    146                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    147                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    148                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    149                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    150                 }
    151                 .oxilab-flip-box-<?php echo $styleid; ?>-data{
    152                     position: absolute;
    153                     top: 0;
    154                     left: 0;           
    155                     background: <?php echo $styledata[5]; ?>; 
    156                     width: calc(100% - <?php echo $styledata[75] * 2; ?>px);
    157                     height: calc(100% - <?php echo $styledata[75] * 2; ?>px);
    158                     margin: <?php echo $styledata[75]; ?>px;
    159                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
    160                     display: block;
    161                 }
    162                 .oxilab-flip-box-<?php echo $styleid; ?>-image{
     135                .oxilab-flip-box-' . $styleid . '{
     136                    position: absolute;
     137                    top: 0;
     138                    left: 0;
     139                    width: 100%;
     140                    height: 100%;
     141                    display: block;
     142                    border: 1px solid ' . $styledata[5] . ';
     143                    background-color: ' . $styledata[7] . ';
     144                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     145                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     146                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     147                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     148                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     149                }
     150                .oxilab-flip-box-' . $styleid . '-data{
     151                    position: absolute;
     152                    top: 0;
     153                    left: 0;
     154                    background: ' . $styledata[5] . ';
     155                    width: calc(100% - ' . ($styledata[75] * 2) . 'px);
     156                    height: calc(100% - ' . ($styledata[75] * 2) . 'px);
     157                    margin: ' . $styledata[75] . 'px;
     158                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
     159                    display: block;
     160                }
     161                .oxilab-flip-box-' . $styleid . '-image{
    163162                    max-width: 100%;
    164163                    width: 100%;
    165                     float: left;           
    166                     position: relative;   
    167                 }
    168                 .oxilab-flip-box-<?php echo $styleid; ?>-image:after {
    169                     padding-bottom: <?php echo $styledata[69]; ?>%;
     164                    float: left;
     165                    position: relative;
     166                }
     167                .oxilab-flip-box-' . $styleid . '-image:after {
     168                    padding-bottom: ' . $styledata[69] . '%;
    170169                    content: "";
    171170                    display: block;
    172171                }
    173                 .oxilab-flip-box-<?php echo $styleid; ?>-image img{
     172                .oxilab-flip-box-' . $styleid . '-image img{
    174173                    position: absolute;
    175174                    top: 0;
     
    179178                    display: block;
    180179                }
    181                 .oxilab-flip-box-<?php echo $styleid; ?>-image-icon{
     180                .oxilab-flip-box-' . $styleid . '-image-icon{
    182181                    position: absolute;
    183182                    left: 50%;
    184                     background: <?php echo $styledata[11]; ?>;   
    185                     border: 1px solid <?php echo $styledata[5]; ?>;
    186                     height: <?php echo $styledata[79]; ?>px;
    187                     width: <?php echo $styledata[79]; ?>px;
    188                     bottom: -<?php echo $styledata[79] / 2; ?>px;
     183                    background: ' . $styledata[11] . ';
     184                    border: 1px solid ' . $styledata[5] . ';
     185                    height: ' . $styledata[79] . 'px;
     186                    width: ' . $styledata[79] . 'px;
     187                    bottom: -' . ($styledata[79] / 2) . 'px;
    189188                    -webkit-transform: translateX(-50%);
    190189                    -ms-transform: translateX(-50%);
     
    192191                    -ms-transform: translateX(-50%);
    193192                    -o-transform: translateX(-50%);
    194                     transform: translateX(-50%);       
     193                    transform: translateX(-50%);
    195194                    text-align: center;
    196                     -webkit-border-radius:<?php echo $styledata[81]; ?>px;
    197                     -moz-border-radius:<?php echo $styledata[81]; ?>px;
    198                     -ms-border-radius:<?php echo $styledata[81]; ?>px;
    199                     -o-border-radius:<?php echo $styledata[81]; ?>px;
    200                     border-radius:<?php echo $styledata[81]; ?>px;
     195                    -webkit-border-radius:' . $styledata[81] . 'px;
     196                    -moz-border-radius:' . $styledata[81] . 'px;
     197                    -ms-border-radius:' . $styledata[81] . 'px;
     198                    -o-border-radius:' . $styledata[81] . 'px;
     199                    border-radius:' . $styledata[81] . 'px;
    201200                    -webkit-backface-visibility: hidden;
    202201                    -moz-backface-visibility: hidden;
     
    205204                    backface-visibility: hidden;
    206205                }
    207                 .oxilab-flip-box-<?php echo $styleid; ?>-image-icon .oxi-icons{
    208                     line-height: <?php echo $styledata[79]; ?>px;           
    209                     color: <?php echo $styledata[9]; ?>;   
    210                     font-size: <?php echo $styledata[77]; ?>px;
    211                 }
    212                 .oxilab-flip-box-<?php echo $styleid; ?>-heading{
    213                     width: 100%;
    214                     float: left;       
    215                 }
    216                 .oxilab-flip-box-<?php echo $styleid; ?>-heading-data{
    217                     margin-top: <?php echo $styledata[79] / 2; ?>px;
    218                     color: <?php echo $styledata[13]; ?>;
    219                     width: 100%;
    220                     float: left;
    221                     text-align: <?php echo $styledata[91]; ?>;           
    222                     font-size: <?php echo $styledata[83]; ?>px;
    223                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    224                     font-weight: <?php echo $styledata[89]; ?>;
    225                     font-style:<?php echo $styledata[87]; ?>;
    226                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px;           
    227                 }
    228                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
    229                     position: absolute;
    230                     top: 0;
    231                     left: 0;
    232                     width: 100%;
    233                     height: 100%;       
     206                .oxilab-flip-box-' . $styleid . '-image-icon .oxi-icons{
     207                    line-height: ' . $styledata[79] . 'px;
     208                    color: ' . $styledata[9] . ';
     209                    font-size: ' . $styledata[77] . 'px;
     210                }
     211                .oxilab-flip-box-' . $styleid . '-heading{
     212                    width: 100%;
     213                    float: left;
     214                }
     215                .oxilab-flip-box-' . $styleid . '-heading-data{
     216                    margin-top: ' . ($styledata[79] / 2) . 'px;
     217                    color: ' . $styledata[13] . ';
     218                    width: 100%;
     219                    float: left;
     220                    text-align: ' . $styledata[91] . ';
     221                    font-size: ' . $styledata[83] . 'px;
     222                    font-family: ' . $this->font_familly($styledata[85]) . ';
     223                    font-weight: ' . $styledata[89] . ';
     224                    font-style:' . $styledata[87] . ';
     225                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     226                }
     227                .oxilab-flip-box-back-' . $styleid . '{
     228                    position: absolute;
     229                    top: 0;
     230                    left: 0;
     231                    width: 100%;
     232                    height: 100%;
    234233                    display: block;
    235234                    border: 1px solid;
    236                     border-color: <?php echo $styledata[15]; ?>;
    237                     background-color: <?php echo $styledata[17]; ?>;
    238                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    239                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    240                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    241                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    242                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    243 
    244                 }
    245                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{
    246                     position: absolute;
    247                     top: 0;
    248                     left: 0;
    249                     background-color: <?php echo $styledata[15]; ?>;
    250                     width: calc(100% - <?php echo $styledata[105] * 2; ?>px);
    251                     height: calc(100% - <?php echo $styledata[105] * 2; ?>px);
    252                     margin: <?php echo $styledata[105]; ?>px;
    253                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
    254                     display: block;
    255                 }
    256                 .oxilab-flip-box-back-<?php echo $styleid; ?>-file{
     235                    border-color: ' . $styledata[15] . ';
     236                    background-color: ' . $styledata[17] . ';
     237                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     238                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     239                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     240                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     241                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     242
     243                }
     244                .oxilab-flip-box-back-' . $styleid . '-data{
     245                    position: absolute;
     246                    top: 0;
     247                    left: 0;
     248                    background-color: ' . $styledata[15] . ';
     249                    width: calc(100% - ' . ($styledata[105] * 2) . 'px);
     250                    height: calc(100% - ' . ($styledata[105] * 2) . 'px);
     251                    margin: ' . $styledata[105] . 'px;
     252                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
     253                    display: block;
     254                }
     255                .oxilab-flip-box-back-' . $styleid . '-file{
    257256                    position: absolute;
    258257                    left: 0%;
     
    266265                    width: 100%;
    267266                }
    268                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    269                     width: 100%;
    270                     float: left;
    271                     color: <?php echo $styledata[19]; ?>;
    272                     text-align: <?php echo $styledata[115]; ?>;           
    273                     font-size: <?php echo $styledata[107]; ?>px;         
    274                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    275                     font-weight: <?php echo $styledata[113]; ?>;
    276                     font-style:<?php echo $styledata[111]; ?>;
    277                     padding: <?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    278                 }
    279                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    280                     width: 100%;
    281                     float: left;
    282                     text-align: <?php echo $styledata[139]; ?>;
    283                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    284                 }
    285                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    286                     display: inline-block;     
    287                     color: <?php echo $styledata[21]; ?>;
    288                     background-color:  <?php echo $styledata[23]; ?>;
    289                     font-size: <?php echo $styledata[125]; ?>px;
    290                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    291                     font-weight: <?php echo $styledata[131]; ?>;
    292                     font-style:<?php echo $styledata[129]; ?>;
    293                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;
    294                     -webkit-border-radius:<?php echo $styledata[137]; ?>px;
    295                     -moz-border-radius:<?php echo $styledata[137]; ?>px;
    296                     -ms-border-radius:<?php echo $styledata[137]; ?>px;
    297                     -o-border-radius:<?php echo $styledata[137]; ?>px;
    298                     border-radius: <?php echo $styledata[137]; ?>px;
    299                 }
    300                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    301                     background-color: <?php echo $styledata[27]; ?>;
    302                     color:  <?php echo $styledata[25]; ?>;
    303                 }
    304                 <?php echo $styledata[149]; ?>
    305             </style>
     267                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     268                    width: 100%;
     269                    float: left;
     270                    color: ' . $styledata[19] . ';
     271                    text-align: ' . $styledata[115] . ';
     272                    font-size: ' . $styledata[107] . 'px;
     273                    font-family: ' . $this->font_familly($styledata[109]) . ';
     274                    font-weight: ' . $styledata[113] . ';
     275                    font-style:' . $styledata[111] . ';
     276                    padding: ' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     277                }
     278                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     279                    width: 100%;
     280                    float: left;
     281                    text-align: ' . $styledata[139] . ';
     282                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     283                }
     284                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     285                    display: inline-block;
     286                    color: ' . $styledata[21] . ';
     287                    background-color:  ' . $styledata[23] . ';
     288                    font-size: ' . $styledata[125] . 'px;
     289                    font-family: ' . $this->font_familly($styledata[127]) . ';
     290                    font-weight: ' . $styledata[131] . ';
     291                    font-style:' . $styledata[129] . ';
     292                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     293                    -webkit-border-radius:' . $styledata[137] . 'px;
     294                    -moz-border-radius:' . $styledata[137] . 'px;
     295                    -ms-border-radius:' . $styledata[137] . 'px;
     296                    -o-border-radius:' . $styledata[137] . 'px;
     297                    border-radius: ' . $styledata[137] . 'px;
     298                }
     299                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     300                    background-color: ' . $styledata[27] . ';
     301                    color:  ' . $styledata[25] . ';
     302                }
     303                ' . $styledata[149] . '';
     304            ?>
     305
    306306        </div>
    307307        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style10.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms" >
    41                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms" >
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4243                            <?php
    4344                            if ($filesdata[11] != '') {
    44                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    45                                 $fileslinkend = '</a>';
    46                             } else {
    47                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4846                            }
    4947                            ?>
    5048                            <div class="oxilab-flip-box-body-absulote">
    51                                 <div class="<?php echo $styledata[1]; ?>">
    52                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5351                                        <div class="oxilab-flip-box-style">
    5452                                            <div class="oxilab-flip-box-front">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    56                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5755                                                        <div class="oxilab-icon">
    5856                                                            <div class="oxilab-icon-data">
     
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-icon">
    7371                                                            <div class="oxilab-icon-data">
     
    8583                                </div>
    8684                            </div>
    87                             <?php echo $fileslinkend;
    88                              echo $this->admin_edit_panel($value['id']);
     85                            <?php
     86                            if ($filesdata[11] != '') {
     87                                echo'</a>';
     88                            }
     89                            echo $this->admin_edit_panel($value['id']);
    8990                            ?>
    9091
    9192                        </div>
    9293
    93                         <style>
    94                 <?php
    95                 if ($filesdata[5] != '') {
    96                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     94
     95                        <?php
     96                        if ($filesdata[5] != '') {
     97                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    9798background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    9899-moz-background-size: 100% 100%;
     
    100101background-size: 100% 100%;
    101102}';
    102                 }
    103                 if ($filesdata[13] != '') {
    104                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     103                        }
     104                        if ($filesdata[13] != '') {
     105                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    105106background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[13] . '");
    106107-moz-background-size: 100% 100%;
     
    108109background-size: 100% 100%;
    109110}';
    110                 }
    111                 ?>      </style>
     111                        }
     112                        ?>
    112113
    113114                    </div>
     
    115116                endif;
    116117            }
    117             ?>
    118             <style>
    119                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    120                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    121                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    122                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    123                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    124                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    125                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    126                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    127                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    128                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    129                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    130                     animation-duration: <?php echo $styledata[57]; ?>s;
    131                 }
    132                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    133                     max-width: <?php echo $styledata[45]; ?>px;
     118
     119            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     120                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     121                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     122                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     123                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     124                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     125                    transition:  opacity ' . $styledata[57] . 's linear;
     126                    -webkit-animation-duration: ' . $styledata[57] . 's;
     127                    -moz-animation-duration: ' . $styledata[57] . 's;
     128                    -ms-animation-duration: ' . $styledata[57] . 's;
     129                    -o-animation-duration: ' . $styledata[57] . 's;
     130                    animation-duration: ' . $styledata[57] . 's;
     131                }
     132                .oxilab-flip-box-body-' . $styleid . '{
     133                    max-width: ' . $styledata[45] . 'px;
    134134                    width: 100%;
    135135                    margin: 0 auto;
    136                     position: relative;   
    137                 }
    138                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    139                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     136                    position: relative;
     137                }
     138                .oxilab-flip-box-body-' . $styleid . ':after {
     139                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    140140                    content: "";
    141141                    display: block;
    142142                }
    143                 .oxilab-flip-box-<?php echo $styleid; ?>{
     143                .oxilab-flip-box-' . $styleid . '{
    144144                    position: absolute;
    145145                    top: 0;
     
    147147                    right: 0;
    148148                    bottom: 0;
    149                     background-color: <?php echo $styledata[5]; ?>;
    150                     display: block;
    151                     -webkit-border-radius: <?php echo $styledata[69]; ?>px;
    152                     -moz-border-radius: <?php echo $styledata[69]; ?>px;
    153                     -ms-border-radius: <?php echo $styledata[69]; ?>px;
    154                     -o-border-radius: <?php echo $styledata[69]; ?>px;
    155                     border-radius: <?php echo $styledata[69]; ?>px;
     149                    background-color: ' . $styledata[5] . ';
     150                    display: block;
     151                    -webkit-border-radius: ' . $styledata[69] . 'px;
     152                    -moz-border-radius: ' . $styledata[69] . 'px;
     153                    -ms-border-radius: ' . $styledata[69] . 'px;
     154                    -o-border-radius: ' . $styledata[69] . 'px;
     155                    border-radius: ' . $styledata[69] . 'px;
    156156                    overflow: hidden;
    157                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    158                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    159                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    160                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    161                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    162 
    163                 }
    164                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     157                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     158                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     159                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     160                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     161                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     162
     163                }
     164                .oxilab-flip-box-' . $styleid . '-data{
    165165                    position: absolute;
    166166                    left: 0%;
    167                     top: 50%;           
    168                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     167                    top: 50%;
     168                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    169169                    -webkit-transform: translateY(-50%);
    170170                    -ms-transform: translateY(-50%);
     
    174174                    right: 0;
    175175                }
    176                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    177                     display: block;
    178                     text-align: center; 
    179                     padding:<?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px;
    180                 }
    181                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    182                     display: inline-block; 
    183                     background-color: <?php echo $styledata[9]; ?>;
    184                     width:<?php echo $styledata[79]; ?>px;
    185                     height:<?php echo $styledata[79]; ?>px;
    186                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    187                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    188                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    189                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    190                     border-radius: <?php echo $styledata[81]; ?>px;
    191                 }
    192                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    193                     line-height: <?php echo $styledata[79]; ?>px;
    194                     font-size: <?php echo $styledata[77]; ?>px;
    195                     color: <?php echo $styledata[7]; ?>;
    196                 }
    197                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    198                     display: block;
    199                     color: <?php echo $styledata[11]; ?>;
    200                     text-align: <?php echo $styledata[91]; ?>;           
    201                     font-size: <?php echo $styledata[83]; ?>px;
    202                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    203                     font-weight: <?php echo $styledata[89]; ?>;
    204                     font-style:<?php echo $styledata[87]; ?>;
    205                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    206 
    207                 }
    208                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     176                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     177                    display: block;
     178                    text-align: center;
     179                    padding:' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     180                }
     181                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     182                    display: inline-block;
     183                    background-color: ' . $styledata[9] . ';
     184                    width:' . $styledata[79] . 'px;
     185                    height:' . $styledata[79] . 'px;
     186                    -webkit-border-radius: ' . $styledata[81] . 'px;
     187                    -moz-border-radius: ' . $styledata[81] . 'px;
     188                    -ms-border-radius: ' . $styledata[81] . 'px;
     189                    -o-border-radius: ' . $styledata[81] . 'px;
     190                    border-radius: ' . $styledata[81] . 'px;
     191                }
     192                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     193                    line-height: ' . $styledata[79] . 'px;
     194                    font-size: ' . $styledata[77] . 'px;
     195                    color: ' . $styledata[7] . ';
     196                }
     197                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     198                    display: block;
     199                    color: ' . $styledata[11] . ';
     200                    text-align: ' . $styledata[91] . ';
     201                    font-size: ' . $styledata[83] . 'px;
     202                    font-family: ' . $this->font_familly($styledata[85]) . ';
     203                    font-weight: ' . $styledata[89] . ';
     204                    font-style:' . $styledata[87] . ';
     205                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     206
     207                }
     208                .oxilab-flip-box-back-' . $styleid . '{
    209209                    position: absolute;
    210210                    top: 0;
     
    213213                    bottom: 0;
    214214                    display: block;
    215                     background-color: <?php echo $styledata[13]; ?>;
    216                     -webkit-border-radius: <?php echo $styledata[69]; ?>px;
    217                     -moz-border-radius: <?php echo $styledata[69]; ?>px;
    218                     -ms-border-radius: <?php echo $styledata[69]; ?>px;
    219                     -o-border-radius: <?php echo $styledata[69]; ?>px;
    220                     border-radius: <?php echo $styledata[69]; ?>px;
     215                    background-color: ' . $styledata[13] . ';
     216                    -webkit-border-radius: ' . $styledata[69] . 'px;
     217                    -moz-border-radius: ' . $styledata[69] . 'px;
     218                    -ms-border-radius: ' . $styledata[69] . 'px;
     219                    -o-border-radius: ' . $styledata[69] . 'px;
     220                    border-radius: ' . $styledata[69] . 'px;
    221221                    overflow: hidden;
    222                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    223                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    224                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    225                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    226                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    227 
    228                 }
    229                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     222                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     223                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     224                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     225                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     226                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     227
     228                }
     229                .oxilab-flip-box-back-' . $styleid . '-data{
    230230                    position: absolute;
    231231                    left: 0%;
    232232                    right: 0;
    233                     top: 50%;           
    234                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     233                    top: 50%;
     234                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    235235                    -webkit-transform: translateY(-50%);
    236236                    -ms-transform: translateY(-50%);
    237237                    -moz-transform: translateY(-50%);
    238238                    -o-transform: translateY(-50%);
    239                     transform: translateY(-50%);           
    240                 }
    241                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
    242                     display: block;
    243                     text-align: center;
    244                     padding: <?php echo $styledata[129]; ?>px <?php echo $styledata[131]; ?>px;   
    245                 }
    246                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
    247                     display: inline-block; 
    248                     width: <?php echo $styledata[127]; ?>px;
    249                     height: <?php echo $styledata[127]; ?>px;
    250                 }
    251                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    252                     line-height:<?php echo $styledata[127]; ?>px;
    253                     font-size: <?php echo $styledata[125]; ?>px;
    254                     color: <?php echo $styledata[15]; ?>;
    255                 }
    256                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    257                     display: block;
    258                     color: <?php echo $styledata[17]; ?>;
    259                     text-align: <?php echo $styledata[115]; ?>;           
    260                     font-size: <?php echo $styledata[107]; ?>px;         
    261                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    262                     font-weight: <?php echo $styledata[113]; ?>;
    263                     font-style:<?php echo $styledata[111]; ?>;
    264                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    265                 }
    266                 <?php echo $styledata[137]; ?>;
    267             </style>
     239                    transform: translateY(-50%);
     240                }
     241                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
     242                    display: block;
     243                    text-align: center;
     244                    padding: ' . $styledata[129] . 'px ' . $styledata[131] . 'px;
     245                }
     246                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
     247                    display: inline-block;
     248                    width: ' . $styledata[127] . 'px;
     249                    height: ' . $styledata[127] . 'px;
     250                }
     251                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     252                    line-height:' . $styledata[127] . 'px;
     253                    font-size: ' . $styledata[125] . 'px;
     254                    color: ' . $styledata[15] . ';
     255                }
     256                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     257                    display: block;
     258                    color: ' . $styledata[17] . ';
     259                    text-align: ' . $styledata[115] . ';
     260                    font-size: ' . $styledata[107] . 'px;
     261                    font-family: ' . $this->font_familly($styledata[109]) . ';
     262                    font-weight: ' . $styledata[113] . ';
     263                    font-style:' . $styledata[111] . ';
     264                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     265                }
     266                ' . $styledata[137] . ';';
     267            ?>
     268
    268269        </div>
    269270        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style11.php

    r2278127 r2648808  
    2525    public function default_render() {
    2626        $styleid = $this->oxiid;
    27         $styledata = explode('|', $this->dbdata['css']);
     27
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">
    41                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms">
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4243                            <?php
    4344                            if ($filesdata[13] == '' && $filesdata[15] != '') {
    44                                 echo '<a href="' . $filesdata[15] . '" target="' . $styledata[53] . '">';
    45                                 $fileslinkend = '</a>';
    46                             } else {
    47                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($filesdata[15]) . '" target="' . esc_attr($styledata[53]) . '">';
    4846                            }
    4947                            ?>
    5048                            <div class="oxilab-flip-box-body-absulote">
    51                                 <div class="<?php echo $styledata[1]; ?>">
    52                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5351                                        <div class="oxilab-flip-box-style">
    5452                                            <div class="oxilab-flip-box-front">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    56                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5755                                                        <div class="oxilab-icon">
    5856                                                            <div class="oxilab-icon-data">
     
    6765                                            </div>
    6866                                            <div class="oxilab-flip-box-back">
    69                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    70                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     67                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     68                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7169                                                        <div class="oxilab-heading">
    7270                                                            <?php echo $this->text_render($filesdata[7]); ?>
     
    8280                                                        <?php
    8381                                                        if ($filesdata[13] != '') {
    84                                                             echo '<a href="' . $filesdata[15] . '" target="' . $styledata[53] . '">';
     82                                                            echo '<a href="' . esc_url($filesdata[15]) . '" target="' . esc_attr($styledata[53]) . '">';
    8583                                                            echo '<div class="oxilab-button">
    8684                                                                    <div class="oxilab-button-data">
     
    9997                            </div>
    10098                            <?php
    101                             echo $fileslinkend;
     99                            if ($filesdata[13] == '' && $filesdata[15] != '') {
     100                                echo '</a>';
     101                            }
    102102                            echo $this->admin_edit_panel($value['id']);
    103103                            ?>
    104104                        </div>
    105105
    106                         <style>
    107                 <?php
    108                 if ($filesdata[5] != '') {
    109                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     106
     107                        <?php
     108                        if ($filesdata[5] != '') {
     109                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    110110background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    111111-moz-background-size: 100% 100%;
     
    113113background-size: 100% 100%;
    114114}';
    115                 }
    116                 if ($filesdata[17] != '') {
    117                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     115                        }
     116                        if ($filesdata[17] != '') {
     117                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    118118background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[17] . '");
    119119-moz-background-size: 100% 100%;
     
    121121background-size: 100% 100%;
    122122}';
    123                 }
    124                 ?>
    125                         </style>
     123                        }
     124                        ?>
     125
    126126                    </div>
    127127                    <?php
    128128                endif;
    129129            }
    130             ?>
    131 
    132             <style>
    133                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    134                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    135                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    137                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    138                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    139                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    140                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    141                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    142                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    143                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    144                     animation-duration: <?php echo $styledata[57]; ?>s;
    145                 }
    146                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    147                     max-width: <?php echo $styledata[45]; ?>px;
     130            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     131                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     132                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     133                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     134                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     135                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     136                    transition:  opacity ' . $styledata[57] . 's linear;
     137                    -webkit-animation-duration: ' . $styledata[57] . 's;
     138                    -moz-animation-duration: ' . $styledata[57] . 's;
     139                    -ms-animation-duration: ' . $styledata[57] . 's;
     140                    -o-animation-duration: ' . $styledata[57] . 's;
     141                    animation-duration: ' . $styledata[57] . 's;
     142                }
     143                .oxilab-flip-box-body-' . $styleid . '{
     144                    max-width: ' . $styledata[45] . 'px;
    148145                    width: 100%;
    149146                    margin: 0 auto;
    150                     position: relative;   
    151                 }
    152                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    153                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     147                    position: relative;
     148                }
     149                .oxilab-flip-box-body-' . $styleid . ':after {
     150                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    154151                    content: "";
    155152                    display: block;
    156153                }
    157                 .oxilab-flip-box-<?php echo $styleid; ?>{
     154                .oxilab-flip-box-' . $styleid . '{
    158155                    position: absolute;
    159156                    top: 0;
     
    162159                    bottom: 0;
    163160                    display: block;
    164                     background-color: <?php echo $styledata[5]; ?>;
    165                     -webkit-border-radius: <?php echo $styledata[69]; ?>px;
    166                     -moz-border-radius: <?php echo $styledata[69]; ?>px;
    167                     -ms-border-radius: <?php echo $styledata[69]; ?>px;
    168                     -o-border-radius: <?php echo $styledata[69]; ?>px;
    169                     border-radius: <?php echo $styledata[69]; ?>px;
     161                    background-color: ' . $styledata[5] . ';
     162                    -webkit-border-radius: ' . $styledata[69] . 'px;
     163                    -moz-border-radius: ' . $styledata[69] . 'px;
     164                    -ms-border-radius: ' . $styledata[69] . 'px;
     165                    -o-border-radius: ' . $styledata[69] . 'px;
     166                    border-radius: ' . $styledata[69] . 'px;
    170167                    overflow: hidden;
    171                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    173                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    174                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    175                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    176                 }
    177                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     168                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     172                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     173                }
     174                .oxilab-flip-box-' . $styleid . '-data{
    178175                    position: absolute;
    179176                    left: 0%;
    180                     top: 50%;           
    181                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     177                    top: 50%;
     178                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    182179                    -webkit-transform: translateY(-50%);
    183180                    -ms-transform: translateY(-50%);
     
    187184                    right: 0;
    188185                }
    189                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    190                     display: block;
    191                     text-align: center; 
    192                     padding:<?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    193                 }
    194                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    195                     display: inline-block; 
    196                     background-color: <?php echo $styledata[9]; ?>;
    197                     width:<?php echo $styledata[79]; ?>px;
    198                     height:<?php echo $styledata[79]; ?>px;
    199                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    200                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    201                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    202                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    203                     border-radius: <?php echo $styledata[81]; ?>px;
    204                 }
    205                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    206                     line-height: <?php echo $styledata[79]; ?>px;
    207                     font-size: <?php echo $styledata[77]; ?>px;       
    208                     color:<?php echo $styledata[7]; ?>;
    209                 }
    210                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    211                     display: block;
    212                     color:<?php echo $styledata[11]; ?>;
    213                     text-align: <?php echo $styledata[91]; ?>;           
    214                     font-size: <?php echo $styledata[83]; ?>px;
    215                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    216                     font-weight: <?php echo $styledata[89]; ?>;
    217                     font-style:<?php echo $styledata[87]; ?>;
    218                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    219                 }
    220                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     186                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     187                    display: block;
     188                    text-align: center;
     189                    padding:' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     190                }
     191                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     192                    display: inline-block;
     193                    background-color: ' . $styledata[9] . ';
     194                    width:' . $styledata[79] . 'px;
     195                    height:' . $styledata[79] . 'px;
     196                    -webkit-border-radius: ' . $styledata[81] . 'px;
     197                    -moz-border-radius: ' . $styledata[81] . 'px;
     198                    -ms-border-radius: ' . $styledata[81] . 'px;
     199                    -o-border-radius: ' . $styledata[81] . 'px;
     200                    border-radius: ' . $styledata[81] . 'px;
     201                }
     202                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     203                    line-height: ' . $styledata[79] . 'px;
     204                    font-size: ' . $styledata[77] . 'px;
     205                    color:' . $styledata[7] . ';
     206                }
     207                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     208                    display: block;
     209                    color:' . $styledata[11] . ';
     210                    text-align: ' . $styledata[91] . ';
     211                    font-size: ' . $styledata[83] . 'px;
     212                    font-family: ' . $this->font_familly($styledata[85]) . ';
     213                    font-weight: ' . $styledata[89] . ';
     214                    font-style:' . $styledata[87] . ';
     215                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     216                }
     217                .oxilab-flip-box-back-' . $styleid . '{
    221218                    position: absolute;
    222219                    top: 0;
     
    225222                    bottom: 0;
    226223                    display: block;
    227                     background-color: <?php echo $styledata[13]; ?>;
    228                     -webkit-border-radius: <?php echo $styledata[69]; ?>px;
    229                     -moz-border-radius: <?php echo $styledata[69]; ?>px;
    230                     -ms-border-radius: <?php echo $styledata[69]; ?>px;
    231                     -o-border-radius: <?php echo $styledata[69]; ?>px;
    232                     border-radius: <?php echo $styledata[69]; ?>px;
     224                    background-color: ' . $styledata[13] . ';
     225                    -webkit-border-radius: ' . $styledata[69] . 'px;
     226                    -moz-border-radius: ' . $styledata[69] . 'px;
     227                    -ms-border-radius: ' . $styledata[69] . 'px;
     228                    -o-border-radius: ' . $styledata[69] . 'px;
     229                    border-radius: ' . $styledata[69] . 'px;
    233230                    overflow: hidden;
    234                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    235                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    236                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    237                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    238                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    239                 }
    240                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     231                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     232                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     233                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     234                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     235                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     236                }
     237                .oxilab-flip-box-back-' . $styleid . '-data{
    241238                    position: absolute;
    242239                    left: 0%;
    243240                    right: 0;
    244                     top: 50%;           
    245                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     241                    top: 50%;
     242                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    246243                    -webkit-transform: translateY(-50%);
    247244                    -ms-transform: translateY(-50%);
    248245                    -moz-transform: translateY(-50%);
    249246                    -o-transform: translateY(-50%);
    250                     transform: translateY(-50%);           
    251                 }
    252                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    253                     display: block;
    254                     color:<?php echo $styledata[15]; ?>; 
    255                     text-align: <?php echo $styledata[145]; ?>;           
    256                     font-size: <?php echo $styledata[137]; ?>px;
    257                     font-family: <?php echo $this->font_familly($styledata[139]); ?>;
    258                     font-weight: <?php echo $styledata[143]; ?>;
    259                     font-style:<?php echo $styledata[141]; ?>;
    260                     padding: <?php echo $styledata[147]; ?>px <?php echo $styledata[153]; ?>px <?php echo $styledata[149]; ?>px <?php echo $styledata[151]; ?>px; 
    261 
    262                 }
    263                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
    264                     display: block;
    265                     text-align: center;
    266                     padding: <?php echo $styledata[129]; ?>px <?php echo $styledata[131]; ?>px;
    267                 }
    268                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
    269                     display: inline-block; 
    270                     Border-bottom-color: <?php echo $styledata[17]; ?>;
    271                     width: <?php echo $styledata[127]; ?>px;
    272                     height: <?php echo $styledata[127]; ?>px;
    273                     border-bottom: <?php echo $styledata[105]; ?>px solid;
    274                 }
    275                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    276                     line-height:<?php echo $styledata[127]; ?>px;
    277                     font-size: <?php echo $styledata[125]; ?>px;
    278                     color:<?php echo $styledata[17]; ?>;
    279                 }
    280                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    281                     display: block;
    282                     color:<?php echo $styledata[19]; ?>;
    283                     text-align: <?php echo $styledata[115]; ?>;           
    284                     font-size: <?php echo $styledata[107]; ?>px;         
    285                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    286                     font-weight: <?php echo $styledata[113]; ?>;
    287                     font-style:<?php echo $styledata[111]; ?>;
    288                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;                   
    289                 }
    290                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    291                     display: block;
    292                     text-align: <?php echo $styledata[169]; ?>;
    293                     padding: <?php echo $styledata[171]; ?>px <?php echo $styledata[177]; ?>px <?php echo $styledata[173]; ?>px <?php echo $styledata[175]; ?>px; 
    294                 }
    295                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    296                     display: inline-block; 
    297                     color: <?php echo $styledata[21]; ?>;
    298                     background-color:  <?php echo $styledata[23]; ?>; 
    299                     font-size: <?php echo $styledata[155]; ?>px;           
    300                     font-family: <?php echo $this->font_familly($styledata[157]); ?>;
    301                     font-weight: <?php echo $styledata[161]; ?>;
    302                     font-style:<?php echo $styledata[159]; ?>;
    303                     padding: <?php echo $styledata[163]; ?>px <?php echo $styledata[165]; ?>px; 
    304                     -webkit-border-radius: <?php echo $styledata[167]; ?>px;
    305                     -moz-border-radius: <?php echo $styledata[167]; ?>px;
    306                     -ms-border-radius: <?php echo $styledata[167]; ?>px;
    307                     -o-border-radius: <?php echo $styledata[167]; ?>px;
    308                     border-radius: <?php echo $styledata[167]; ?>px;
    309                 }
    310                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    311                     background-color: <?php echo $styledata[27]; ?>;
    312                     color:  <?php echo $styledata[25]; ?>;
    313                 }
    314         <?php echo $styledata[179]; ?>;
    315             </style>
     247                    transform: translateY(-50%);
     248                }
     249                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     250                    display: block;
     251                    color:' . $styledata[15] . ';
     252                    text-align: ' . $styledata[145] . ';
     253                    font-size: ' . $styledata[137] . 'px;
     254                    font-family: ' . $this->font_familly($styledata[139]) . ';
     255                    font-weight: ' . $styledata[143] . ';
     256                    font-style:' . $styledata[141] . ';
     257                    padding: ' . $styledata[147] . 'px ' . $styledata[153] . 'px ' . $styledata[149] . 'px ' . $styledata[151] . 'px;
     258
     259                }
     260                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
     261                    display: block;
     262                    text-align: center;
     263                    padding: ' . $styledata[129] . 'px ' . $styledata[131] . 'px;
     264                }
     265                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
     266                    display: inline-block;
     267                    Border-bottom-color: ' . $styledata[17] . ';
     268                    width: ' . $styledata[127] . 'px;
     269                    height: ' . $styledata[127] . 'px;
     270                    border-bottom: ' . $styledata[105] . 'px solid;
     271                }
     272                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     273                    line-height:' . $styledata[127] . 'px;
     274                    font-size: ' . $styledata[125] . 'px;
     275                    color:' . $styledata[17] . ';
     276                }
     277                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     278                    display: block;
     279                    color:' . $styledata[19] . ';
     280                    text-align: ' . $styledata[115] . ';
     281                    font-size: ' . $styledata[107] . 'px;
     282                    font-family: ' . $this->font_familly($styledata[109]) . ';
     283                    font-weight: ' . $styledata[113] . ';
     284                    font-style:' . $styledata[111] . ';
     285                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     286                }
     287                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     288                    display: block;
     289                    text-align: ' . $styledata[169] . ';
     290                    padding: ' . $styledata[171] . 'px ' . $styledata[177] . 'px ' . $styledata[173] . 'px ' . $styledata[175] . 'px;
     291                }
     292                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     293                    display: inline-block;
     294                    color: ' . $styledata[21] . ';
     295                    background-color:  ' . $styledata[23] . ';
     296                    font-size: ' . $styledata[155] . 'px;
     297                    font-family: ' . $this->font_familly($styledata[157]) . ';
     298                    font-weight: ' . $styledata[161] . ';
     299                    font-style:' . $styledata[159] . ';
     300                    padding: ' . $styledata[163] . 'px ' . $styledata[165] . 'px;
     301                    -webkit-border-radius: ' . $styledata[167] . 'px;
     302                    -moz-border-radius: ' . $styledata[167] . 'px;
     303                    -ms-border-radius: ' . $styledata[167] . 'px;
     304                    -o-border-radius: ' . $styledata[167] . 'px;
     305                    border-radius: ' . $styledata[167] . 'px;
     306                }
     307                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     308                    background-color: ' . $styledata[27] . ';
     309                    color:  ' . $styledata[25] . ';
     310                }
     311                ' . $styledata[179] . ';';
     312            ?>
     313
     314
    316315        </div>
    317316        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style12.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3334            foreach ($listdata as $value) {
    3435                if (!empty($value['files'])):
    35                     $filesdata = explode("{#}|{#}", $value['files']);
     36                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3637                    ?>
    37                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    38                          sa-data-animation="<?php echo $styledata[55]; ?>"
     38                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     39                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3940                         sa-data-animation-offset="100%"
    4041                         sa-data-animation-delay="0ms"
    41                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     42                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4243                         >
    43                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     44                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4445                            <?php
    4546                            if ($filesdata[11] != '') {
    46                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    47                                 $fileslinkend = '</a>';
    48                             } else {
    49                                 $fileslinkend = '';
     47                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_html($styledata[53]) . '">';
    5048                            }
    5149                            ?>
    5250                            <div class="oxilab-flip-box-body-absulote">
    53                                 <div class="<?php echo $styledata[1]; ?>">
    54                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     51                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     52                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5553                                        <div class="oxilab-flip-box-style">
    5654                                            <div class="oxilab-flip-box-front">
    57                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    58                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data2">                                           
     55                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     56                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data2">
    5957                                                        <div class="oxilab-icon">
    6058                                                            <div class="oxilab-icon-data">
     
    6361                                                        </div>
    6462                                                    </div>
    65                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     63                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    6664                                                        <div class="oxilab-heading">
    6765                                                            <?php echo $this->text_render($filesdata[1]); ?>
     
    7573                                            </div>
    7674                                            <div class="oxilab-flip-box-back">
    77                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    78                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     75                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     76                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7977                                                        <div class="oxilab-heading">
    8078                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    8381                                                        <div class="oxilab-info">
    8482                                                            <?php echo $this->text_render($filesdata[7]); ?>
    85                                                         </div> 
     83                                                        </div>
    8684                                                    </div>
    8785                                                </div>
     
    9189                                </div>
    9290                            </div>
    93                             <?php echo $fileslinkend;
    94                               echo $this->admin_edit_panel($value['id']);
     91                            <?php
     92                            if ($filesdata[11] != '') {
     93                                echo '</a>';
     94                            }
     95                            echo $this->admin_edit_panel($value['id']);
    9596                            ?>
    9697                        </div>
    97                         <style>
    98                 <?php
    99                 if ($filesdata[5] != '') {
    100                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     98
     99                        <?php
     100                        if ($filesdata[5] != '') {
     101                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    101102background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    102103-moz-background-size: 100% 100%;
     
    104105background-size: 100% 100%;
    105106}';
    106                 }
    107                 if ($filesdata[13] != '') {
    108                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     107                        }
     108                        if ($filesdata[13] != '') {
     109                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    109110background: linear-gradient(' . $styledata[17] . ', ' . $styledata[17] . '), url("' . $filesdata[13] . '");
    110111-moz-background-size: 100% 100%;
     
    112113background-size: 100% 100%;
    113114}';
    114                 }
    115                 ?>
    116                         </style>   
     115                        }
     116                        ?>
     117
    117118                    </div>
    118119                    <?php
    119120                endif;
    120121            }
    121             ?>
    122 
    123             <style>
    124                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    125                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    126                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    127                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    128                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    129                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    130                     animation-duration: <?php echo $styledata[57]; ?>s;
    131                 }
    132                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    133                     max-width: <?php echo $styledata[45]; ?>px;
     122
     123            $this->inline_css .= ' .oxilab-flip-box-padding-' . $styleid . '{
     124                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     125                    transition:  opacity ' . $styledata[57] . 's linear;
     126                    -webkit-animation-duration: ' . $styledata[57] . 's;
     127                    -moz-animation-duration: ' . $styledata[57] . 's;
     128                    -o-animation-duration: ' . $styledata[57] . 's;
     129                    animation-duration: ' . $styledata[57] . 's;
     130                }
     131                .oxilab-flip-box-body-' . $styleid . '{
     132                    max-width: ' . $styledata[45] . 'px;
    134133                    width: 100%;
    135134                    margin: 0 auto;
    136                     position: relative;   
    137                 }
    138                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    139                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     135                    position: relative;
     136                }
     137                .oxilab-flip-box-body-' . $styleid . ':after {
     138                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    140139                    content: "";
    141140                    display: block;
    142141                }
    143                 .oxilab-flip-box-<?php echo $styleid; ?>{
     142                .oxilab-flip-box-' . $styleid . '{
    144143                    position: absolute;
    145144                    top: 0;
     
    147146                    right: 0;
    148147                    bottom: 0;
    149                     border-color: <?php echo $styledata[7]; ?>;
    150                     background-color: <?php echo $styledata[5]; ?>;
    151                     border-width: <?php echo $styledata[125]; ?>px;
    152                     border-style:<?php echo $styledata[127]; ?>; 
    153                     display: block;
    154                     border-radius: <?php echo $styledata[129]; ?>px;
     148                    border-color: ' . $styledata[7] . ';
     149                    background-color: ' . $styledata[5] . ';
     150                    border-width: ' . $styledata[125] . 'px;
     151                    border-style:' . $styledata[127] . ';
     152                    display: block;
     153                    border-radius: ' . $styledata[129] . 'px;
    155154                    overflow: hidden;
    156                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    157                 }
    158                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     155                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     156                }
     157                .oxilab-flip-box-' . $styleid . '-data{
    159158                    position: absolute;
    160159                    left: 0%;
    161                     top: <?php echo $styledata[75]; ?>px; 
    162                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
    163                     right: 0;
    164                 }
    165                 .oxilab-flip-box-<?php echo $styleid; ?>-data2{
    166                     position: absolute;
    167                     top: 0%;   
    168                     left: 50%;   
    169                     background-color: <?php echo $styledata[11]; ?>;
     160                    top: ' . $styledata[75] . 'px;
     161                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
     162                    right: 0;
     163                }
     164                .oxilab-flip-box-' . $styleid . '-data2{
     165                    position: absolute;
     166                    top: 0%;
     167                    left: 50%;
     168                    background-color: ' . $styledata[11] . ';
    170169                    -webkit-transform: translateX(-50%);
    171170                    -ms-transform: translateX(-50%);
     
    173172                    -o-transform: translateX(-50%);
    174173                    transform: translateX(-50%);
    175                     height: <?php echo $styledata[75]; ?>px;
    176                     width: <?php echo $styledata[79]; ?>px;                       
    177                     border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;           
    178                 }
    179                 .oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon{
    180                     position: absolute;
    181                     bottom:  0; 
     174                    height: ' . $styledata[75] . 'px;
     175                    width: ' . $styledata[79] . 'px;
     176                    border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     177                }
     178                .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon{
     179                    position: absolute;
     180                    bottom:  0;
    182181                    width: 100%;
    183182                    display: block;
    184                     text-align: center; 
    185                 }
    186                 .oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon-data{
    187                     display: inline-block; 
    188                     width: <?php echo $styledata[79]; ?>px;
    189                     height: <?php echo $styledata[79]; ?>px;
    190                     border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    191                 }
    192                 .oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon-data .oxi-icons{           
    193                     line-height:<?php echo $styledata[79]; ?>px;
    194                     font-size: <?php echo $styledata[77]; ?>px; 
    195                     color: <?php echo $styledata[9]; ?>;
    196                 }
    197                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    198                     display: block;
    199                     color: <?php echo $styledata[13]; ?>;
    200                     text-align: <?php echo $styledata[91]; ?>;           
    201                     font-size: <?php echo $styledata[83]; ?>px;
    202                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    203                     font-weight: <?php echo $styledata[89]; ?>;
    204                     font-style:<?php echo $styledata[87]; ?>;
    205                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    206 
    207                 }
    208 
    209                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    210                     display: block;
    211                     color:  <?php echo $styledata[15]; ?>;
    212                     text-align: <?php echo $styledata[147]; ?>;           
    213                     font-size: <?php echo $styledata[139]; ?>px;
    214                     font-family: <?php echo $this->font_familly($styledata[141]); ?>;
    215                     font-weight: <?php echo $styledata[145]; ?>;
    216                     font-style:<?php echo $styledata[143]; ?>;
    217                     padding: <?php echo $styledata[149]; ?>px <?php echo $styledata[155]; ?>px <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;
    218 
    219                 }
    220                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     183                    text-align: center;
     184                }
     185                .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data{
     186                    display: inline-block;
     187                    width: ' . $styledata[79] . 'px;
     188                    height: ' . $styledata[79] . 'px;
     189                    border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     190                }
     191                .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data .oxi-icons{
     192                    line-height:' . $styledata[79] . 'px;
     193                    font-size: ' . $styledata[77] . 'px;
     194                    color: ' . $styledata[9] . ';
     195                }
     196                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     197                    display: block;
     198                    color: ' . $styledata[13] . ';
     199                    text-align: ' . $styledata[91] . ';
     200                    font-size: ' . $styledata[83] . 'px;
     201                    font-family: ' . $this->font_familly($styledata[85]) . ';
     202                    font-weight: ' . $styledata[89] . ';
     203                    font-style:' . $styledata[87] . ';
     204                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     205
     206                }
     207
     208                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     209                    display: block;
     210                    color:  ' . $styledata[15] . ';
     211                    text-align: ' . $styledata[147] . ';
     212                    font-size: ' . $styledata[139] . 'px;
     213                    font-family: ' . $this->font_familly($styledata[141]) . ';
     214                    font-weight: ' . $styledata[145] . ';
     215                    font-style:' . $styledata[143] . ';
     216                    padding: ' . $styledata[149] . 'px ' . $styledata[155] . 'px ' . $styledata[151] . 'px ' . $styledata[153] . 'px;
     217
     218                }
     219                .oxilab-flip-box-back-' . $styleid . '{
    221220                    position: absolute;
    222221                    top: 0;
     
    224223                    right: 0;
    225224                    bottom: 0;
    226                     border-color: <?php echo $styledata[19]; ?>;
    227                     background-color: <?php echo $styledata[17]; ?>;
    228                     border-width: <?php echo $styledata[131]; ?>px;
    229                     border-style:<?php echo $styledata[133]; ?>; 
    230                     display: block;
    231                     border-radius: <?php echo $styledata[129]; ?>px;
     225                    border-color: ' . $styledata[19] . ';
     226                    background-color: ' . $styledata[17] . ';
     227                    border-width: ' . $styledata[131] . 'px;
     228                    border-style:' . $styledata[133] . ';
     229                    display: block;
     230                    border-radius: ' . $styledata[129] . 'px;
    232231                    overflow: hidden;
    233                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    234                 }
    235                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     232                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     233                }
     234                .oxilab-flip-box-back-' . $styleid . '-data{
    236235                    position: absolute;
    237236                    left: 0%;
    238237                    right: 0;
    239                     top: 50%;           
    240                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     238                    top: 50%;
     239                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    241240                    -webkit-transform: translateY(-50%);
    242241                    -ms-transform: translateY(-50%);
    243242                    -moz-transform: translateY(-50%);
    244243                    -o-transform: translateY(-50%);
    245                     transform: translateY(-50%);           
    246                 }
    247                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
     244                    transform: translateY(-50%);
     245                }
     246                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
    248247                    display: block;
    249248                    position: relative;
    250                     color:  <?php echo $styledata[21]; ?>;
    251                     text-align: <?php echo $styledata[165]; ?>;           
    252                     font-size: <?php echo $styledata[157]; ?>px;         
    253                     font-family: <?php echo $this->font_familly($styledata[159]); ?>;
    254                     font-weight: <?php echo $styledata[163]; ?>;
    255                     font-style:<?php echo $styledata[161]; ?>;
    256                     padding:<?php echo $styledata[167]; ?>px <?php echo $styledata[173]; ?>px <?php echo $styledata[169]; ?>px <?php echo $styledata[171]; ?>px;
    257 
    258                 }
    259                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     249                    color:  ' . $styledata[21] . ';
     250                    text-align: ' . $styledata[165] . ';
     251                    font-size: ' . $styledata[157] . 'px;
     252                    font-family: ' . $this->font_familly($styledata[159]) . ';
     253                    font-weight: ' . $styledata[163] . ';
     254                    font-style:' . $styledata[161] . ';
     255                    padding:' . $styledata[167] . 'px ' . $styledata[173] . 'px ' . $styledata[169] . 'px ' . $styledata[171] . 'px;
     256
     257                }
     258                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{
    260259                    position: absolute;
    261260                    bottom: 0;
    262                     background-color: <?php echo $styledata[23]; ?>;
    263                     left: 50%;   
     261                    background-color: ' . $styledata[23] . ';
     262                    left: 50%;
    264263                    -webkit-transform: translateX(-50%);
    265264                    -ms-transform: translateX(-50%);
     
    267266                    -o-transform: translateX(-50%);
    268267                    transform: translateX(-50%);
    269                     height: <?php echo $styledata[177]; ?>px;
    270                     width: <?php echo $styledata[175]; ?>px;   
    271                 }
    272                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    273                     display: block;
    274                     color:  <?php echo $styledata[25]; ?>;
    275                     text-align: <?php echo $styledata[115]; ?>;           
    276                     font-size: <?php echo $styledata[107]; ?>px;         
    277                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    278                     font-weight: <?php echo $styledata[113]; ?>;
    279                     font-style:<?php echo $styledata[111]; ?>;
    280                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;                 
    281                 }
    282                 <?php echo $styledata[179]; ?>;   
    283             </style>
     268                    height: ' . $styledata[177] . 'px;
     269                    width: ' . $styledata[175] . 'px;
     270                }
     271                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     272                    display: block;
     273                    color:  ' . $styledata[25] . ';
     274                    text-align: ' . $styledata[115] . ';
     275                    font-size: ' . $styledata[107] . 'px;
     276                    font-family: ' . $this->font_familly($styledata[109]) . ';
     277                    font-weight: ' . $styledata[113] . ';
     278                    font-style:' . $styledata[111] . ';
     279                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     280                }
     281                ' . $styledata[179] . ';';
     282            ?>
     283
     284
    284285        </div>
    285286        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style13.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">
    41                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms">
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4243                            <?php
    4344                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    44                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    45                                 $fileslinkend = '</a>';
    46                             } else {
    47                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4846                            }
    4947                            ?>
    5048                            <div class="oxilab-flip-box-body-absulote">
    51                                 <div class="<?php echo $styledata[1]; ?>">
    52                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5351                                        <div class="oxilab-flip-box-style">
    5452                                            <div class="oxilab-flip-box-front">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    56                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5755                                                        <div class="oxilab-icon">
    5856                                                            <div class="oxilab-icon-data">
     
    7169                                            </div>
    7270                                            <div class="oxilab-flip-box-back">
    73                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    74                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     71                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     72                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7573                                                        <div class="oxilab-heading">
    7674                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    8179                                                        <?php
    8280                                                        if ($filesdata[9] != '') {
    83                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     81                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8482                                                            echo '<div class="oxilab-button">
    8583                                                                    <div class="oxilab-button-data">
     
    9795                                </div>
    9896                            </div>
    99                             <?php echo $fileslinkend;
    100                              echo $this->admin_edit_panel($value['id']);
     97                            <?php
     98                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     99                                echo '</a>';
     100                            }
     101                            echo $this->admin_edit_panel($value['id']);
    101102                            ?>
    102103                        </div>
    103                         <style>
    104                 <?php
    105                 if ($filesdata[5] != '') {
    106                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     104
     105                        <?php
     106                        if ($filesdata[5] != '') {
     107                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    107108background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    108109-moz-background-size: 100% 100%;
     
    110111background-size: 100% 100%;
    111112}';
    112                 }
    113                 if ($filesdata[13] != '') {
    114                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     113                        }
     114                        if ($filesdata[13] != '') {
     115                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    115116background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    116117-moz-background-size: 100% 100%;
     
    118119background-size: 100% 100%;
    119120}';
    120                 }
    121                 ?>
    122                         </style>
     121                        }
     122                        ?>
     123
    123124                    </div>
    124125                    <?php
    125126                endif;
    126127            }
    127             ?>
    128             <style>
    129                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    130                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    131                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    132                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    137                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    138                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    139                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     animation-duration: <?php echo $styledata[57]; ?>s;
    141                 }
    142                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    143                     max-width: <?php echo $styledata[45]; ?>px;
     128
     129            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     130                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     131                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     132                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     133                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     134                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     135                    transition:  opacity ' . $styledata[57] . 's linear;
     136                    -webkit-animation-duration: ' . $styledata[57] . 's;
     137                    -moz-animation-duration: ' . $styledata[57] . 's;
     138                    -ms-animation-duration: ' . $styledata[57] . 's;
     139                    -o-animation-duration: ' . $styledata[57] . 's;
     140                    animation-duration: ' . $styledata[57] . 's;
     141                }
     142                .oxilab-flip-box-body-' . $styleid . '{
     143                    max-width: ' . $styledata[45] . 'px;
    144144                    width: 100%;
    145145                    margin: 0 auto;
    146                     position: relative;   
    147                 }
    148                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    149                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     146                    position: relative;
     147                }
     148                .oxilab-flip-box-body-' . $styleid . ':after {
     149                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    150150                    content: "";
    151151                    display: block;
    152152                }
    153                 .oxilab-flip-box-<?php echo $styleid; ?>{
     153                .oxilab-flip-box-' . $styleid . '{
    154154                    position: absolute;
    155155                    top: 0;
     
    158158                    bottom: 0;
    159159                    display: block;
    160                     background-color: <?php echo $styledata[5]; ?>;
    161                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    162                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    163                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    164                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    165                     border-radius: <?php echo $styledata[153]; ?>px;
     160                    background-color: ' . $styledata[5] . ';
     161                    -webkit-border-radius: ' . $styledata[153] . 'px;
     162                    -moz-border-radius: ' . $styledata[153] . 'px;
     163                    -ms-border-radius: ' . $styledata[153] . 'px;
     164                    -o-border-radius: ' . $styledata[153] . 'px;
     165                    border-radius: ' . $styledata[153] . 'px;
    166166                    overflow: hidden;
    167                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    168                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    169                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    171                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                 }
    173                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     167                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     172                }
     173                .oxilab-flip-box-' . $styleid . '-data{
    174174                    position: absolute;
    175175                    left: 0%;
    176                     top: 50%;           
    177                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     176                    top: 50%;
     177                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    178178                    -webkit-transform: translateY(-50%);
    179179                    -ms-transform: translateY(-50%);
     
    183183                    right: 0;
    184184                }
    185                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    186                     display: block;
    187                     text-align: center; 
    188                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    189                 }
    190                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    191                     display: inline-block; 
    192                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    193                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    194                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    195                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    196                     border-radius: <?php echo $styledata[81]; ?>px;   
    197                     padding: 3px;           
     185                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     186                    display: block;
     187                    text-align: center;
     188                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     189                }
     190                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     191                    display: inline-block;
     192                    -webkit-border-radius: ' . $styledata[81] . 'px;
     193                    -moz-border-radius: ' . $styledata[81] . 'px;
     194                    -ms-border-radius: ' . $styledata[81] . 'px;
     195                    -o-border-radius: ' . $styledata[81] . 'px;
     196                    border-radius: ' . $styledata[81] . 'px;
     197                    padding: 3px;
    198198                    border: 2px solid;
    199                     border-color: <?php echo $styledata[7]; ?>;
    200                 }
    201                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    202                     line-height: <?php echo $styledata[79]; ?>px;
    203                     width: <?php echo $styledata[79]; ?>px;
    204                     height: <?php echo $styledata[79]; ?>px;
    205                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    206                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    207                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    208                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    209                     border-radius: <?php echo $styledata[81]; ?>px;   
    210                     font-size: 24px; 
    211                     color: <?php echo $styledata[9]; ?>;
    212                     background-color: <?php echo $styledata[11]; ?>;
    213                 }
    214                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    215                     display: block;
    216                     color: <?php echo $styledata[13]; ?>;
    217                     text-align: <?php echo $styledata[91]; ?>;           
    218                     font-size: <?php echo $styledata[83]; ?>px;
    219                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    220                     font-weight: <?php echo $styledata[89]; ?>;
    221                     font-style:<?php echo $styledata[87]; ?>;
    222                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    223                 }
    224                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    225                     display: block;
    226                     color:  <?php echo $styledata[29]; ?>;
    227                     text-align: <?php echo $styledata[171]; ?>;           
    228                     font-size: <?php echo $styledata[163]; ?>px;
    229                     font-family: <?php echo $this->font_familly($styledata[165]); ?>;
    230                     font-weight: <?php echo $styledata[169]; ?>;
    231                     font-style:<?php echo $styledata[167]; ?>;
    232                     padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;
    233                 }
    234                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     199                    border-color: ' . $styledata[7] . ';
     200                }
     201                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     202                    line-height: ' . $styledata[79] . 'px;
     203                    width: ' . $styledata[79] . 'px;
     204                    height: ' . $styledata[79] . 'px;
     205                    -webkit-border-radius: ' . $styledata[81] . 'px;
     206                    -moz-border-radius: ' . $styledata[81] . 'px;
     207                    -ms-border-radius: ' . $styledata[81] . 'px;
     208                    -o-border-radius: ' . $styledata[81] . 'px;
     209                    border-radius: ' . $styledata[81] . 'px;
     210                    font-size: 24px;
     211                    color: ' . $styledata[9] . ';
     212                    background-color: ' . $styledata[11] . ';
     213                }
     214                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     215                    display: block;
     216                    color: ' . $styledata[13] . ';
     217                    text-align: ' . $styledata[91] . ';
     218                    font-size: ' . $styledata[83] . 'px;
     219                    font-family: ' . $this->font_familly($styledata[85]) . ';
     220                    font-weight: ' . $styledata[89] . ';
     221                    font-style:' . $styledata[87] . ';
     222                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     223                }
     224                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     225                    display: block;
     226                    color:  ' . $styledata[29] . ';
     227                    text-align: ' . $styledata[171] . ';
     228                    font-size: ' . $styledata[163] . 'px;
     229                    font-family: ' . $this->font_familly($styledata[165]) . ';
     230                    font-weight: ' . $styledata[169] . ';
     231                    font-style:' . $styledata[167] . ';
     232                    padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px;
     233                }
     234                .oxilab-flip-box-back-' . $styleid . '{
    235235                    position: absolute;
    236236                    top: 0;
     
    239239                    bottom: 0;
    240240                    display: block;
    241                     background-color: <?php echo $styledata[15]; ?>;
    242                     -webkit-border-radius:<?php echo $styledata[153]; ?>px;
    243                     -moz-border-radius:<?php echo $styledata[153]; ?>px;
    244                     -ms-border-radius:<?php echo $styledata[153]; ?>px;
    245                     -o-border-radius:<?php echo $styledata[153]; ?>px;
    246                     border-radius:<?php echo $styledata[153]; ?>px;
     241                    background-color: ' . $styledata[15] . ';
     242                    -webkit-border-radius:' . $styledata[153] . 'px;
     243                    -moz-border-radius:' . $styledata[153] . 'px;
     244                    -ms-border-radius:' . $styledata[153] . 'px;
     245                    -o-border-radius:' . $styledata[153] . 'px;
     246                    border-radius:' . $styledata[153] . 'px;
    247247                    overflow: hidden;
    248                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    249                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    250                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    251                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    252                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    253                 }
    254                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     248                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     249                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     250                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     251                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     252                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     253                }
     254                .oxilab-flip-box-back-' . $styleid . '-data{
    255255                    position: absolute;
    256256                    left: 0%;
    257257                    right: 0;
    258                     top: 50%;           
    259                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     258                    top: 50%;
     259                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    260260                    -webkit-transform: translateY(-50%);
    261261                    -ms-transform: translateY(-50%);
    262262                    -moz-transform: translateY(-50%);
    263263                    -o-transform: translateY(-50%);
    264                     transform: translateY(-50%);           
    265                 }
    266                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    267                     display: block;
    268                     color:  <?php echo $styledata[31]; ?>;
    269                     text-align: <?php echo $styledata[189]; ?>;           
    270                     font-size: <?php echo $styledata[181]; ?>px;         
    271                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    272                     font-weight: <?php echo $styledata[187]; ?>;
    273                     font-style:<?php echo $styledata[185]; ?>;
    274                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    275 
    276                 }
    277                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    278                     display: block;
    279                     color: <?php echo $styledata[19]; ?>;
    280                     text-align: <?php echo $styledata[115]; ?>;           
    281                     font-size: <?php echo $styledata[107]; ?>px;         
    282                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    283                     font-weight: <?php echo $styledata[113]; ?>;
    284                     font-style:<?php echo $styledata[111]; ?>;
    285                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    286 
    287                 }
    288                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    289                     display: block;
    290                     text-align: <?php echo $styledata[139]; ?>;
    291                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    292 
    293                 }
    294                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    295                     display: inline-block; 
    296                     color: <?php echo $styledata[21]; ?>;
    297                     background-color:  <?php echo $styledata[23]; ?>; 
    298                     font-size: <?php echo $styledata[125]; ?>px;
    299                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    300                     font-weight: <?php echo $styledata[131]; ?>;
    301                     font-style:<?php echo $styledata[129]; ?>;
    302                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    303                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    304                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    305                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    306                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    307                     border-radius: <?php echo $styledata[137]; ?>px;
    308                 }
    309                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    310                     background-color: <?php echo $styledata[27]; ?>;
    311                     color:  <?php echo $styledata[25]; ?>;
    312                 }
    313                 <?php echo $styledata[199]; ?>;
    314             </style>
     264                    transform: translateY(-50%);
     265                }
     266                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     267                    display: block;
     268                    color:  ' . $styledata[31] . ';
     269                    text-align: ' . $styledata[189] . ';
     270                    font-size: ' . $styledata[181] . 'px;
     271                    font-family: ' . $this->font_familly($styledata[183]) . ';
     272                    font-weight: ' . $styledata[187] . ';
     273                    font-style:' . $styledata[185] . ';
     274                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     275
     276                }
     277                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     278                    display: block;
     279                    color: ' . $styledata[19] . ';
     280                    text-align: ' . $styledata[115] . ';
     281                    font-size: ' . $styledata[107] . 'px;
     282                    font-family: ' . $this->font_familly($styledata[109]) . ';
     283                    font-weight: ' . $styledata[113] . ';
     284                    font-style:' . $styledata[111] . ';
     285                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     286
     287                }
     288                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     289                    display: block;
     290                    text-align: ' . $styledata[139] . ';
     291                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     292
     293                }
     294                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     295                    display: inline-block;
     296                    color: ' . $styledata[21] . ';
     297                    background-color:  ' . $styledata[23] . ';
     298                    font-size: ' . $styledata[125] . 'px;
     299                    font-family: ' . $this->font_familly($styledata[127]) . ';
     300                    font-weight: ' . $styledata[131] . ';
     301                    font-style:' . $styledata[129] . ';
     302                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     303                    -webkit-border-radius: ' . $styledata[137] . 'px;
     304                    -moz-border-radius: ' . $styledata[137] . 'px;
     305                    -ms-border-radius: ' . $styledata[137] . 'px;
     306                    -o-border-radius: ' . $styledata[137] . 'px;
     307                    border-radius: ' . $styledata[137] . 'px;
     308                }
     309                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     310                    background-color: ' . $styledata[27] . ';
     311                    color:  ' . $styledata[25] . ';
     312                }
     313                ' . $styledata[199] . ';';
     314            ?>
     315
    315316        </div>
    316317        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style14.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">
    41                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms">
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4243                            <?php
    4344                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    44                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    45                                 $fileslinkend = '</a>';
    46                             } else {
    47                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4846                            }
    4947                            ?>
    5048                            <div class="oxilab-flip-box-body-absulote">
    51                                 <div class="<?php echo $styledata[1]; ?>">
    52                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5351                                        <div class="oxilab-flip-box-style">
    5452                                            <div class="oxilab-flip-box-front">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    56                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data2">
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data2">
    5755                                                        <div class="oxilab-icon">
    5856                                                            <div class="oxilab-icon-data">
    5957                                                                <div class="oxilab-span">
    6058                                                                    <?php echo $this->text_render($filesdata[3]); ?>
    61                                                                 </div>                                                               
     59                                                                </div>
    6260                                                            </div>
    6361                                                        </div>
    6462                                                    </div>
    65                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     63                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    6664                                                        <div class="oxilab-heading">
    6765                                                            <?php echo $this->text_render($filesdata[1]); ?>
     
    7573                                            </div>
    7674                                            <div class="oxilab-flip-box-back">
    77                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    78                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data2">
     75                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     76                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data2">
    7977                                                        <div class="oxilab-icon">
    8078                                                            <div class="oxilab-icon-data">
     
    8381                                                        </div>
    8482                                                    </div>
    85                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     83                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    8684                                                        <div class="oxilab-heading">
    8785                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    9290                                                        <?php
    9391                                                        if ($filesdata[9] != '') {
    94                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     92                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    9593                                                            echo '<div class="oxilab-button">
    9694                                                                    <div class="oxilab-button-data">
     
    109107                                </div>
    110108                            </div>
    111                             <?php echo $fileslinkend;
    112                              echo $this->admin_edit_panel($value['id']);
     109                            <?php
     110                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     111                                echo '</a>';
     112                            }
     113                            echo $this->admin_edit_panel($value['id']);
    113114                            ?>
    114115                        </div>
     
    116117                <?php
    117118                if ($filesdata[5] != '') {
    118                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{
     119                    $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{
    119120background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    120121-moz-background-size: 100% 100%;
     
    124125                }
    125126                if ($filesdata[13] != '') {
    126                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
     127                    $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
    127128background: linear-gradient(' . $styledata[17] . ', ' . $styledata[17] . '), url("' . $filesdata[13] . '");
    128129-moz-background-size: 100% 100%;
     
    131132}';
    132133                }
    133                 ?>                                                                                                                                                                                                                                         
     134                ?>
    134135                        </style>
    135136                    </div>
     
    137138                endif;
    138139            }
    139             ?>
    140 
    141             <style>
    142                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    143                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    144                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    145                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    146                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    147                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    148                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    149                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    150                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    151                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    152                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    153                     animation-duration: <?php echo $styledata[57]; ?>s;
    154                 }
    155                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    156                     max-width: <?php echo $styledata[45]; ?>px;
     140            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     141                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     142                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     143                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     144                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     145                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     146                    transition:  opacity ' . $styledata[57] . 's linear;
     147                    -webkit-animation-duration: ' . $styledata[57] . 's;
     148                    -moz-animation-duration: ' . $styledata[57] . 's;
     149                    -ms-animation-duration: ' . $styledata[57] . 's;
     150                    -o-animation-duration: ' . $styledata[57] . 's;
     151                    animation-duration: ' . $styledata[57] . 's;
     152                }
     153                .oxilab-flip-box-body-' . $styleid . '{
     154                    max-width: ' . $styledata[45] . 'px;
    157155                    width: 100%;
    158156                    margin: 0 auto;
    159                     position: relative;   
    160                 }
    161                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    162                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     157                    position: relative;
     158                }
     159                .oxilab-flip-box-body-' . $styleid . ':after {
     160                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    163161                    content: "";
    164162                    display: block;
    165163                }
    166                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{
    167                     border-width: <?php echo $styledata[125]; ?>px;
    168                     border-style:<?php echo $styledata[127]; ?>;
    169                     -webkit-border-radius: <?php echo $styledata[129]; ?>px;
    170                     -moz-border-radius: <?php echo $styledata[129]; ?>px;
    171                     -ms-border-radius: <?php echo $styledata[129]; ?>px;
    172                     -o-border-radius: <?php echo $styledata[129]; ?>px;
    173                     border-radius: <?php echo $styledata[129]; ?>px;
    174                     border-color: <?php echo $styledata[7]; ?>;
    175                     background-color: <?php echo $styledata[5]; ?>;
     164                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
     165                    border-width: ' . $styledata[125] . 'px;
     166                    border-style:' . $styledata[127] . ';
     167                    -webkit-border-radius: ' . $styledata[129] . 'px;
     168                    -moz-border-radius: ' . $styledata[129] . 'px;
     169                    -ms-border-radius: ' . $styledata[129] . 'px;
     170                    -o-border-radius: ' . $styledata[129] . 'px;
     171                    border-radius: ' . $styledata[129] . 'px;
     172                    border-color: ' . $styledata[7] . ';
     173                    background-color: ' . $styledata[5] . ';
    176174                    overflow: hidden;
    177                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    178                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    179                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    180                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    181                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    182                 }
    183                 .oxilab-flip-box-<?php echo $styleid; ?>{
    184                     position: absolute;
    185                     top: <?php echo $styledata[71]; ?>px;
    186                     left: <?php echo $styledata[73]; ?>px;
    187                     right: <?php echo $styledata[73]; ?>px;
    188                     bottom: <?php echo $styledata[71]; ?>px;
    189                     border-width: <?php echo $styledata[179]; ?>px;
    190                     border-style:<?php echo $styledata[181]; ?>;
    191                     border-color: <?php echo $styledata[27]; ?>;
    192                     display: block;
    193                     -webkit-border-radius: <?php echo $styledata[183]; ?>px;
    194                     -moz-border-radius: <?php echo $styledata[183]; ?>px;
    195                     -ms-border-radius: <?php echo $styledata[183]; ?>px;
    196                     -o-border-radius: <?php echo $styledata[183]; ?>px;
    197                     border-radius: <?php echo $styledata[183]; ?>px;
     175                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     176                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     177                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     178                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     179                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     180                }
     181                .oxilab-flip-box-' . $styleid . '{
     182                    position: absolute;
     183                    top: ' . $styledata[71] . 'px;
     184                    left: ' . $styledata[73] . 'px;
     185                    right: ' . $styledata[73] . 'px;
     186                    bottom: ' . $styledata[71] . 'px;
     187                    border-width: ' . $styledata[179] . 'px;
     188                    border-style:' . $styledata[181] . ';
     189                    border-color: ' . $styledata[27] . ';
     190                    display: block;
     191                    -webkit-border-radius: ' . $styledata[183] . 'px;
     192                    -moz-border-radius: ' . $styledata[183] . 'px;
     193                    -ms-border-radius: ' . $styledata[183] . 'px;
     194                    -o-border-radius: ' . $styledata[183] . 'px;
     195                    border-radius: ' . $styledata[183] . 'px;
    198196                    overflow: hidden;
    199197                }
    200                 .oxilab-flip-box-<?php echo $styleid; ?>-data2{
    201                     position: absolute;
    202                     top: 0%;   
    203                     left: 50%;   
     198                .oxilab-flip-box-' . $styleid . '-data2{
     199                    position: absolute;
     200                    top: 0%;
     201                    left: 50%;
    204202                    -webkit-transform: translateX(-50%);
    205203                    -ms-transform: translateX(-50%);
     
    207205                    -o-transform: translateX(-50%);
    208206                    transform: translateX(-50%);
    209                     background-color: <?php echo $styledata[11]; ?>;
    210                     height: <?php echo $styledata[75]; ?>px;
    211                     width: <?php echo $styledata[79]; ?>px;
    212                     -webkit-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    213                     -moz-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    214                     -ms-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    215                     -o-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    216                     border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
     207                    background-color: ' . $styledata[11] . ';
     208                    height: ' . $styledata[75] . 'px;
     209                    width: ' . $styledata[79] . 'px;
     210                    -webkit-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     211                    -moz-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     212                    -ms-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     213                    -o-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     214                    border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
    217215                    -webkit-box-shadow: 0 0 3px 0 #666666;
    218216                    -moz-box-shadow: 0 0 3px 0 #666666;
     
    221219                    box-shadow: 0 0 3px 0 #666666;
    222220                }
    223                 .oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon{
    224                     position: absolute;
    225                     bottom:  0; 
     221                .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon{
     222                    position: absolute;
     223                    bottom:  0;
    226224                    width: 100%;
    227225                    display: block;
    228                     text-align: center; 
    229                 }
    230                 .oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon-data{
    231                     display: inline-block; 
    232                     width: <?php echo $styledata[79]; ?>px;
    233                     height: <?php echo $styledata[79]; ?>px;
    234                     -webkit-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    235                     -moz-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    236                     -ms-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    237                     -o-border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    238                     border-radius: 0 0 <?php echo $styledata[81]; ?>px <?php echo $styledata[81]; ?>px;
    239                 }
    240                 .oxilab-flip-box-<?php echo $styleid; ?>-data2 .oxilab-icon-data .oxilab-span{           
    241                     line-height:<?php echo $styledata[79]; ?>px;
    242                     font-size: <?php echo $styledata[77]; ?>px;
    243                     color: <?php echo $styledata[9]; ?>;
    244                 }
    245                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     226                    text-align: center;
     227                }
     228                .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data{
     229                    display: inline-block;
     230                    width: ' . $styledata[79] . 'px;
     231                    height: ' . $styledata[79] . 'px;
     232                    -webkit-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     233                    -moz-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     234                    -ms-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     235                    -o-border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     236                    border-radius: 0 0 ' . $styledata[81] . 'px ' . $styledata[81] . 'px;
     237                }
     238                .oxilab-flip-box-' . $styleid . '-data2 .oxilab-icon-data .oxilab-span{
     239                    line-height:' . $styledata[79] . 'px;
     240                    font-size: ' . $styledata[77] . 'px;
     241                    color: ' . $styledata[9] . ';
     242                }
     243                .oxilab-flip-box-' . $styleid . '-data{
    246244                    position: absolute;
    247245                    left: 0%;
    248                     top: <?php echo $styledata[75]; ?>px; 
    249                     padding: <?php echo $styledata[185]; ?>px <?php echo $styledata[187]; ?>px;
     246                    top: ' . $styledata[75] . 'px;
     247                    padding: ' . $styledata[185] . 'px ' . $styledata[187] . 'px;
    250248                    right: 0;
    251249                }
    252                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    253                     display: block;
    254                     color: <?php echo $styledata[13]; ?>; 
    255                     text-align: <?php echo $styledata[91]; ?>;           
    256                     font-size: <?php echo $styledata[83]; ?>px;
    257                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    258                     font-weight: <?php echo $styledata[89]; ?>;
    259                     font-style:<?php echo $styledata[87]; ?>;
    260                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    261 
    262                 }
    263                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    264                     display: block;
    265                     color: <?php echo $styledata[15]; ?>;
    266                     text-align: <?php echo $styledata[147]; ?>;           
    267                     font-size: <?php echo $styledata[139]; ?>px;
    268                     font-family: <?php echo $this->font_familly($styledata[141]); ?>;
    269                     font-weight: <?php echo $styledata[145]; ?>;
    270                     font-style:<?php echo $styledata[143]; ?>;
    271                     padding: <?php echo $styledata[149]; ?>px <?php echo $styledata[155]; ?>px <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;
    272 
    273                 }
    274                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
    275                     border-width: <?php echo $styledata[131]; ?>px;
    276                     border-style:<?php echo $styledata[133]; ?>;
    277                     border-color: <?php echo $styledata[19]; ?>;   
    278                     background-color: <?php echo $styledata[17]; ?>; 
    279                     -webkit-border-radius: <?php echo $styledata[129]; ?>px;
    280                     -moz-border-radius: <?php echo $styledata[129]; ?>px;
    281                     -ms-border-radius: <?php echo $styledata[129]; ?>px;
    282                     -o-border-radius: <?php echo $styledata[129]; ?>px;
    283                     border-radius: <?php echo $styledata[129]; ?>px;
     250                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     251                    display: block;
     252                    color: ' . $styledata[13] . ';
     253                    text-align: ' . $styledata[91] . ';
     254                    font-size: ' . $styledata[83] . 'px;
     255                    font-family: ' . $this->font_familly($styledata[85]) . ';
     256                    font-weight: ' . $styledata[89] . ';
     257                    font-style:' . $styledata[87] . ';
     258                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     259
     260                }
     261                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     262                    display: block;
     263                    color: ' . $styledata[15] . ';
     264                    text-align: ' . $styledata[147] . ';
     265                    font-size: ' . $styledata[139] . 'px;
     266                    font-family: ' . $this->font_familly($styledata[141]) . ';
     267                    font-weight: ' . $styledata[145] . ';
     268                    font-style:' . $styledata[143] . ';
     269                    padding: ' . $styledata[149] . 'px ' . $styledata[155] . 'px ' . $styledata[151] . 'px ' . $styledata[153] . 'px;
     270
     271                }
     272                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
     273                    border-width: ' . $styledata[131] . 'px;
     274                    border-style:' . $styledata[133] . ';
     275                    border-color: ' . $styledata[19] . ';
     276                    background-color: ' . $styledata[17] . ';
     277                    -webkit-border-radius: ' . $styledata[129] . 'px;
     278                    -moz-border-radius: ' . $styledata[129] . 'px;
     279                    -ms-border-radius: ' . $styledata[129] . 'px;
     280                    -o-border-radius: ' . $styledata[129] . 'px;
     281                    border-radius: ' . $styledata[129] . 'px;
    284282                    overflow: hidden;
    285                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    286                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    287                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    288                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    289                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    290                 }
    291                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
    292                     position: absolute;
    293                     top: <?php echo $styledata[101]; ?>px;
    294                     left: <?php echo $styledata[103]; ?>px;
    295                     right: <?php echo $styledata[103]; ?>px;
    296                     bottom: <?php echo $styledata[101]; ?>px;
    297                     border-width: <?php echo $styledata[189]; ?>px;
    298                     border-style:<?php echo $styledata[191]; ?>;
    299                     border-color: <?php echo $styledata[29]; ?>;
    300                     display: block;
    301                     -webkit-border-radius: <?php echo $styledata[193]; ?>px;
    302                     -moz-border-radius: <?php echo $styledata[193]; ?>px;
    303                     -ms-border-radius: <?php echo $styledata[193]; ?>px;
    304                     -o-border-radius: <?php echo $styledata[193]; ?>px;
    305                     border-radius: <?php echo $styledata[193]; ?>px;
     283                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     284                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     285                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     286                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     287                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     288                }
     289                .oxilab-flip-box-back-' . $styleid . '{
     290                    position: absolute;
     291                    top: ' . $styledata[101] . 'px;
     292                    left: ' . $styledata[103] . 'px;
     293                    right: ' . $styledata[103] . 'px;
     294                    bottom: ' . $styledata[101] . 'px;
     295                    border-width: ' . $styledata[189] . 'px;
     296                    border-style:' . $styledata[191] . ';
     297                    border-color: ' . $styledata[29] . ';
     298                    display: block;
     299                    -webkit-border-radius: ' . $styledata[193] . 'px;
     300                    -moz-border-radius: ' . $styledata[193] . 'px;
     301                    -ms-border-radius: ' . $styledata[193] . 'px;
     302                    -o-border-radius: ' . $styledata[193] . 'px;
     303                    border-radius: ' . $styledata[193] . 'px;
    306304                    overflow: hidden;
    307305                }
    308                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data2{
    309                     position: absolute;
    310                     top: 0%;   
    311                     left: 50%;   
     306                .oxilab-flip-box-back-' . $styleid . '-data2{
     307                    position: absolute;
     308                    top: 0%;
     309                    left: 50%;
    312310                    -webkit-transform: translateX(-50%);
    313311                    -ms-transform: translateX(-50%);
     
    315313                    -o-transform: translateX(-50%);
    316314                    transform: translateX(-50%);
    317                     height: <?php echo $styledata[203]; ?>px;
    318                     width: <?php echo $styledata[201]; ?>px;
    319                     background-color: <?php echo $styledata[41]; ?>;
    320                     -webkit-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;
    321                     -moz-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;
    322                     -ms-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;
    323                     -o-border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;
    324                     border-radius: 0 0 <?php echo $styledata[209]; ?>px <?php echo $styledata[209]; ?>px;
     315                    height: ' . $styledata[203] . 'px;
     316                    width: ' . $styledata[201] . 'px;
     317                    background-color: ' . $styledata[41] . ';
     318                    -webkit-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px;
     319                    -moz-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px;
     320                    -ms-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px;
     321                    -o-border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px;
     322                    border-radius: 0 0 ' . $styledata[209] . 'px ' . $styledata[209] . 'px;
    325323                    -webkit-box-shadow: 0 0 3px 0 #666666;
    326324                    -moz-box-shadow: 0 0 3px 0 #666666;
     
    329327                    box-shadow: 0 0 3px 0 #666666;
    330328                }
    331                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data2 .oxilab-icon{
    332                     position: absolute;
    333                     bottom:  0; 
     329                .oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon{
     330                    position: absolute;
     331                    bottom:  0;
    334332                    width: 100%;
    335333                    display: block;
    336                     text-align: center; 
    337                 }
    338                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data2 .oxilab-icon-data{
    339                     display: inline-block; 
    340                     width: <?php echo $styledata[201]; ?>px;
    341                     height: <?php echo $styledata[201]; ?>px;
    342                 }
    343                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data2 .oxilab-icon-data .oxi-icons{           
    344                     line-height: <?php echo $styledata[201]; ?>px;
    345                     font-size: <?php echo $styledata[199]; ?>px;
    346                     color: <?php echo $styledata[39]; ?>;
    347                 }
    348                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     334                    text-align: center;
     335                }
     336                .oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon-data{
     337                    display: inline-block;
     338                    width: ' . $styledata[201] . 'px;
     339                    height: ' . $styledata[201] . 'px;
     340                }
     341                .oxilab-flip-box-back-' . $styleid . '-data2 .oxilab-icon-data .oxi-icons{
     342                    line-height: ' . $styledata[201] . 'px;
     343                    font-size: ' . $styledata[199] . 'px;
     344                    color: ' . $styledata[39] . ';
     345                }
     346                .oxilab-flip-box-back-' . $styleid . '-data{
    349347                    position: absolute;
    350348                    left: 0%;
    351349                    right: 0;
    352                     top: <?php echo $styledata[203]; ?>px;         
    353                     padding: <?php echo $styledata[195]; ?>px <?php echo $styledata[197]; ?>px;     
    354                 }
    355                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    356                     display: block;
    357                     color: <?php echo $styledata[21]; ?>;
    358                     text-align: <?php echo $styledata[165]; ?>;           
    359                     font-size: <?php echo $styledata[157]; ?>px;         
    360                     font-family: <?php echo $this->font_familly($styledata[159]); ?>;
    361                     font-weight: <?php echo $styledata[163]; ?>;
    362                     font-style:<?php echo $styledata[161]; ?>;
    363                     padding:<?php echo $styledata[167]; ?>px <?php echo $styledata[173]; ?>px <?php echo $styledata[169]; ?>px <?php echo $styledata[171]; ?>px;
    364                 }
    365                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    366                     display: block;
    367                     color: <?php echo $styledata[25]; ?>;
    368                     text-align: <?php echo $styledata[115]; ?>;           
    369                     font-size: <?php echo $styledata[107]; ?>px;         
    370                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    371                     font-weight: <?php echo $styledata[113]; ?>;
    372                     font-style:<?php echo $styledata[111]; ?>;
    373                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;                 
    374 
    375                 }
    376                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    377                     display: block;
    378                     text-align: <?php echo $styledata[225]; ?>;
    379                     padding: <?php echo $styledata[227]; ?>px <?php echo $styledata[233]; ?>px <?php echo $styledata[229]; ?>px <?php echo $styledata[231]; ?>px; 
    380 
    381                 }
    382                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    383                     display: inline-block;     
    384                     color: <?php echo $styledata[31]; ?>;
    385                     background-color:  <?php echo $styledata[33]; ?>;
    386                     font-size: <?php echo $styledata[211]; ?>px;           
    387                     font-family: <?php echo $this->font_familly($styledata[213]); ?>;
    388                     font-weight: <?php echo $styledata[217]; ?>;
    389                     font-style:<?php echo $styledata[215]; ?>;
    390                     padding: <?php echo $styledata[219]; ?>px <?php echo $styledata[221]; ?>px;
    391                     -webkit-border-radius: <?php echo $styledata[223]; ?>px;
    392                     -moz-border-radius: <?php echo $styledata[223]; ?>px;
    393                     -ms-border-radius: <?php echo $styledata[223]; ?>px;
    394                     -o-border-radius: <?php echo $styledata[223]; ?>px;
    395                     border-radius: <?php echo $styledata[223]; ?>px;
    396                 }
    397                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    398                     background-color: <?php echo $styledata[37]; ?>;
    399                     color:  <?php echo $styledata[35]; ?>;
    400                 }
    401                 <?php echo $styledata[235]; ?>;
    402             </style>
     350                    top: ' . $styledata[203] . 'px;
     351                    padding: ' . $styledata[195] . 'px ' . $styledata[197] . 'px;
     352                }
     353                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     354                    display: block;
     355                    color: ' . $styledata[21] . ';
     356                    text-align: ' . $styledata[165] . ';
     357                    font-size: ' . $styledata[157] . 'px;
     358                    font-family: ' . $this->font_familly($styledata[159]) . ';
     359                    font-weight: ' . $styledata[163] . ';
     360                    font-style:' . $styledata[161] . ';
     361                    padding:' . $styledata[167] . 'px ' . $styledata[173] . 'px ' . $styledata[169] . 'px ' . $styledata[171] . 'px;
     362                }
     363                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     364                    display: block;
     365                    color: ' . $styledata[25] . ';
     366                    text-align: ' . $styledata[115] . ';
     367                    font-size: ' . $styledata[107] . 'px;
     368                    font-family: ' . $this->font_familly($styledata[109]) . ';
     369                    font-weight: ' . $styledata[113] . ';
     370                    font-style:' . $styledata[111] . ';
     371                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     372
     373                }
     374                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     375                    display: block;
     376                    text-align: ' . $styledata[225] . ';
     377                    padding: ' . $styledata[227] . 'px ' . $styledata[233] . 'px ' . $styledata[229] . 'px ' . $styledata[231] . 'px;
     378
     379                }
     380                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     381                    display: inline-block;
     382                    color: ' . $styledata[31] . ';
     383                    background-color:  ' . $styledata[33] . ';
     384                    font-size: ' . $styledata[211] . 'px;
     385                    font-family: ' . $this->font_familly($styledata[213]) . ';
     386                    font-weight: ' . $styledata[217] . ';
     387                    font-style:' . $styledata[215] . ';
     388                    padding: ' . $styledata[219] . 'px ' . $styledata[221] . 'px;
     389                    -webkit-border-radius: ' . $styledata[223] . 'px;
     390                    -moz-border-radius: ' . $styledata[223] . 'px;
     391                    -ms-border-radius: ' . $styledata[223] . 'px;
     392                    -o-border-radius: ' . $styledata[223] . 'px;
     393                    border-radius: ' . $styledata[223] . 'px;
     394                }
     395                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     396                    background-color: ' . $styledata[37] . ';
     397                    color:  ' . $styledata[35] . ';
     398                }
     399                ' . $styledata[235] . ';';
     400            ?>
     401
     402
    403403        </div>
    404404        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style15.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">
    41                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms">
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4243                            <?php
    4344                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    44                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    45                                 $fileslinkend = '</a>';
    46                             } else {
    47                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4846                            }
    4947                            ?>
    5048                            <div class="oxilab-flip-box-body-absulote">
    51                                 <div class="<?php echo $styledata[1]; ?>">
    52                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5351                                        <div class="oxilab-flip-box-style">
    5452                                            <div class="oxilab-flip-box-front">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    56                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5755                                                        <div class="oxilab-heading">
    5856                                                            <?php echo $this->text_render($filesdata[1]); ?>
    59                                                             <div class="oxilab-span">                                                   
     57                                                            <div class="oxilab-span">
    6058                                                            </div>
    6159                                                        </div>
     
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-icon">
    7371                                                            <div class="oxilab-icon-data">
     
    7775                                                        <?php
    7876                                                        if ($filesdata[9] != '') {
    79                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     77                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8078                                                            echo '<div class="oxilab-button">
    8179                                                                    <div class="oxilab-button-data">
     
    9492                            </div>
    9593                            <?php
    96                             echo $fileslinkend;
     94                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     95                                echo '</a>';
     96                            }
    9797                            echo $this->admin_edit_panel($value['id']);
    9898                            ?>
     
    103103                <?php
    104104                if ($filesdata[5] != '') {
    105                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     105                    $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    106106background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    107107-moz-background-size: 100% 100%;
     
    111111                }
    112112                if ($filesdata[13] != '') {
    113                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     113                    $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    114114background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[13] . '");
    115115-moz-background-size: 100% 100%;
     
    118118}';
    119119                }
    120                 ?> 
     120                ?>
    121121                        </style>
    122122                    </div>
     
    124124                endif;
    125125            }
    126             ?>
    127 
    128             <style>
    129                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    130                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    131                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    132                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    137                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    138                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    139                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     animation-duration: <?php echo $styledata[57]; ?>s;
    141                 }
    142                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    143                     max-width: <?php echo $styledata[45]; ?>px;
     126            $this->inline_css .= ' .oxilab-flip-box-padding-' . $styleid . '{
     127                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     128                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     129                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     130                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     131                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     132                    transition:  opacity ' . $styledata[57] . 's linear;
     133                    -webkit-animation-duration: ' . $styledata[57] . 's;
     134                    -moz-animation-duration: ' . $styledata[57] . 's;
     135                    -ms-animation-duration: ' . $styledata[57] . 's;
     136                    -o-animation-duration: ' . $styledata[57] . 's;
     137                    animation-duration: ' . $styledata[57] . 's;
     138                }
     139                .oxilab-flip-box-body-' . $styleid . '{
     140                    max-width: ' . $styledata[45] . 'px;
    144141                    width: 100%;
    145142                    margin: 0 auto;
    146                     position: relative;   
    147                 }
    148                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    149                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     143                    position: relative;
     144                }
     145                .oxilab-flip-box-body-' . $styleid . ':after {
     146                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    150147                    content: "";
    151148                    display: block;
    152149                }
    153                 .oxilab-flip-box-<?php echo $styleid; ?>{
     150                .oxilab-flip-box-' . $styleid . '{
    154151                    position: absolute;
    155152                    top: 0;
     
    157154                    right: 0;
    158155                    bottom: 0;
    159                     border-width: <?php echo $styledata[125]; ?>px;
    160                     border-style:<?php echo $styledata[127]; ?>; 
    161                     border-color: <?php echo $styledata[7]; ?>;
    162                     background-color: <?php echo $styledata[5]; ?>;
    163                     display: block;
    164                     -webkit-border-radius: <?php echo $styledata[129]; ?>px;
    165                     -moz-border-radius: <?php echo $styledata[129]; ?>px;
    166                     -ms-border-radius: <?php echo $styledata[129]; ?>px;
    167                     -o-border-radius: <?php echo $styledata[129]; ?>px;
    168                     border-radius: <?php echo $styledata[129]; ?>px;
     156                    border-width: ' . $styledata[125] . 'px;
     157                    border-style:' . $styledata[127] . ';
     158                    border-color: ' . $styledata[7] . ';
     159                    background-color: ' . $styledata[5] . ';
     160                    display: block;
     161                    -webkit-border-radius: ' . $styledata[129] . 'px;
     162                    -moz-border-radius: ' . $styledata[129] . 'px;
     163                    -ms-border-radius: ' . $styledata[129] . 'px;
     164                    -o-border-radius: ' . $styledata[129] . 'px;
     165                    border-radius: ' . $styledata[129] . 'px;
    169166                    overflow: hidden;
    170                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    171                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    173                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    174                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    175                 }
    176                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     167                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     172                }
     173                .oxilab-flip-box-' . $styleid . '-data{
    177174                    position: absolute;
    178175                    left: 0%;
    179                     top: 50%;           
    180                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;       
     176                    top: 50%;
     177                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    181178                    -webkit-transform: translateY(-50%);
    182179                    -ms-transform: translateY(-50%);
     
    186183                    right: 0;
    187184                }
    188                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
     185                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
    189186                    display: block;
    190187                    position: relative;
    191                     color: <?php echo $styledata[9]; ?>;
    192                     text-align: <?php echo $styledata[91]; ?>;           
    193                     font-size: <?php echo $styledata[83]; ?>px;
    194                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    195                     font-weight: <?php echo $styledata[89]; ?>;
    196                     font-style:<?php echo $styledata[87]; ?>;
    197                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    198 
    199                 }
    200                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     188                    color: ' . $styledata[9] . ';
     189                    text-align: ' . $styledata[91] . ';
     190                    font-size: ' . $styledata[83] . 'px;
     191                    font-family: ' . $this->font_familly($styledata[85]) . ';
     192                    font-weight: ' . $styledata[89] . ';
     193                    font-style:' . $styledata[87] . ';
     194                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     195
     196                }
     197                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading .oxilab-span{
    201198                    position: absolute;
    202199                    left: 50%;
    203                     bottom: 0%; 
     200                    bottom: 0%;
    204201                    -webkit-transform: translateX(-50%);
    205202                    -ms-transform: translateX(-50%);
     
    207204                    -o-transform: translateX(-50%);
    208205                    transform: translateX(-50%);
    209                     width: <?php echo $styledata[157]; ?>px;
    210                     height: <?php echo $styledata[159]; ?>px;
    211                     background-color: <?php echo $styledata[17]; ?>;
    212                 }
    213                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    214                     display: block;           
     206                    width: ' . $styledata[157] . 'px;
     207                    height: ' . $styledata[159] . 'px;
     208                    background-color: ' . $styledata[17] . ';
     209                }
     210                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     211                    display: block;
    215212                    line-height: 180%;
    216                     color: <?php echo $styledata[11]; ?>;
    217                     text-align: <?php echo $styledata[147]; ?>;           
    218                     font-size: <?php echo $styledata[139]; ?>px;
    219                     font-family: <?php echo $this->font_familly($styledata[141]); ?>;
    220                     font-weight: <?php echo $styledata[145]; ?>;
    221                     font-style:<?php echo $styledata[143]; ?>;
    222                     padding: <?php echo $styledata[149]; ?>px <?php echo $styledata[155]; ?>px <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px;
    223                 }
    224                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     213                    color: ' . $styledata[11] . ';
     214                    text-align: ' . $styledata[147] . ';
     215                    font-size: ' . $styledata[139] . 'px;
     216                    font-family: ' . $this->font_familly($styledata[141]) . ';
     217                    font-weight: ' . $styledata[145] . ';
     218                    font-style:' . $styledata[143] . ';
     219                    padding: ' . $styledata[149] . 'px ' . $styledata[155] . 'px ' . $styledata[151] . 'px ' . $styledata[153] . 'px;
     220                }
     221                .oxilab-flip-box-back-' . $styleid . '{
    225222                    position: absolute;
    226223                    top: 0;
     
    228225                    right: 0;
    229226                    bottom: 0;
    230                     border-width: <?php echo $styledata[131]; ?>px;
    231                     border-style:<?php echo $styledata[133]; ?>;
    232                     border-color: <?php echo $styledata[15]; ?>;
    233                     background-color: <?php echo $styledata[13]; ?>;
    234                     display: block;
    235                     -webkit-border-radius: <?php echo $styledata[129]; ?>px;
    236                     -moz-border-radius: <?php echo $styledata[129]; ?>px;
    237                     -ms-border-radius: <?php echo $styledata[129]; ?>px;
    238                     -o-border-radius: <?php echo $styledata[129]; ?>px;
    239                     border-radius: <?php echo $styledata[129]; ?>px;
     227                    border-width: ' . $styledata[131] . 'px;
     228                    border-style:' . $styledata[133] . ';
     229                    border-color: ' . $styledata[15] . ';
     230                    background-color: ' . $styledata[13] . ';
     231                    display: block;
     232                    -webkit-border-radius: ' . $styledata[129] . 'px;
     233                    -moz-border-radius: ' . $styledata[129] . 'px;
     234                    -ms-border-radius: ' . $styledata[129] . 'px;
     235                    -o-border-radius: ' . $styledata[129] . 'px;
     236                    border-radius: ' . $styledata[129] . 'px;
    240237                    overflow: hidden;
    241                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    242                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    243                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    244                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    245                 }
    246                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     238                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     239                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     240                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     241                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     242                }
     243                .oxilab-flip-box-back-' . $styleid . '-data{
    247244                    position: absolute;
    248245                    left: 0%;
    249246                    right: 0;
    250                     top: 50%;           
    251                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     247                    top: 50%;
     248                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    252249                    -webkit-transform: translateY(-50%);
    253250                    -ms-transform: translateY(-50%);
    254251                    -moz-transform: translateY(-50%);
    255252                    -o-transform: translateY(-50%);
    256                     transform: translateY(-50%);           
    257                 }       
    258                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
    259                     display: block;
    260                     text-align: center;
    261                     padding: <?php echo $styledata[109]; ?>px <?php echo $styledata[111]; ?>px;
    262                 }
    263                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
    264                     display: inline-block; 
    265                     width: <?php echo $styledata[107]; ?>px;
    266                     height: <?php echo $styledata[107]; ?>px;
    267                 }
    268                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    269                     line-height: <?php echo $styledata[107]; ?>px;
    270                     font-size: <?php echo $styledata[105]; ?>px;
    271                     color: <?php echo $styledata[27]; ?>;
    272                 }
    273                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    274                     display: block;
    275                     text-align: <?php echo $styledata[175]; ?>;
    276                     padding: <?php echo $styledata[177]; ?>px <?php echo $styledata[183]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[181]; ?>px; 
    277                 }
    278                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    279                     display: inline-block;     
    280                     color: <?php echo $styledata[19]; ?>;
    281                     background-color:  <?php echo $styledata[21]; ?>;
    282                     font-size: <?php echo $styledata[161]; ?>px;           
    283                     font-family: <?php echo $this->font_familly($styledata[163]); ?>;
    284                     font-weight: <?php echo $styledata[167]; ?>;
    285                     font-style:<?php echo $styledata[165]; ?>;
    286                     padding: <?php echo $styledata[169]; ?>px <?php echo $styledata[171]; ?>px;
    287                     -webkit-border-radius: <?php echo $styledata[173]; ?>px;
    288                     -moz-border-radius: <?php echo $styledata[173]; ?>px;
    289                     -ms-border-radius: <?php echo $styledata[173]; ?>px;
    290                     -o-border-radius: <?php echo $styledata[173]; ?>px;
    291                     border-radius: <?php echo $styledata[173]; ?>px;
    292                 }
    293                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    294                     background-color: <?php echo $styledata[25]; ?>;
    295                     color:  <?php echo $styledata[23]; ?>;
    296                 }
    297         <?php echo $styledata[185]; ?>;
    298             </style>
     253                    transform: translateY(-50%);
     254                }
     255                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
     256                    display: block;
     257                    text-align: center;
     258                    padding: ' . $styledata[109] . 'px ' . $styledata[111] . 'px;
     259                }
     260                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
     261                    display: inline-block;
     262                    width: ' . $styledata[107] . 'px;
     263                    height: ' . $styledata[107] . 'px;
     264                }
     265                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     266                    line-height: ' . $styledata[107] . 'px;
     267                    font-size: ' . $styledata[105] . 'px;
     268                    color: ' . $styledata[27] . ';
     269                }
     270                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     271                    display: block;
     272                    text-align: ' . $styledata[175] . ';
     273                    padding: ' . $styledata[177] . 'px ' . $styledata[183] . 'px ' . $styledata[179] . 'px ' . $styledata[181] . 'px;
     274                }
     275                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     276                    display: inline-block;
     277                    color: ' . $styledata[19] . ';
     278                    background-color:  ' . $styledata[21] . ';
     279                    font-size: ' . $styledata[161] . 'px;
     280                    font-family: ' . $this->font_familly($styledata[163]) . ';
     281                    font-weight: ' . $styledata[167] . ';
     282                    font-style:' . $styledata[165] . ';
     283                    padding: ' . $styledata[169] . 'px ' . $styledata[171] . 'px;
     284                    -webkit-border-radius: ' . $styledata[173] . 'px;
     285                    -moz-border-radius: ' . $styledata[173] . 'px;
     286                    -ms-border-radius: ' . $styledata[173] . 'px;
     287                    -o-border-radius: ' . $styledata[173] . 'px;
     288                    border-radius: ' . $styledata[173] . 'px;
     289                }
     290                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     291                    background-color: ' . $styledata[25] . ';
     292                    color:  ' . $styledata[23] . ';
     293                }
     294                ' . $styledata[185] . ';';
     295            ?>
     296
     297
    299298        </div>
    300299        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style16.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] != '') {
    45                                 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">                                           
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-info">
    7371                                                            <?php echo $this->text_render($filesdata[7]); ?>
     
    8179                            </div>
    8280                            <?php
    83                             echo $fileslinkend;
    84                               echo $this->admin_edit_panel($value['id']);
     81                            if ($filesdata[9] != '') {
     82                                echo '</a>';
     83                            }
     84                            echo $this->admin_edit_panel($value['id']);
    8585                            ?>
    8686                        </div>
    87                         <style>
    88                 <?php
    89                 if ($filesdata[5] != '') {
    90                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     87
     88                        <?php
     89                        if ($filesdata[5] != '') {
     90                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    9191background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    9292-moz-background-size: 100% 100%;
     
    9494background-size: 100% 100%;
    9595}';
    96                 }
    97                 if ($filesdata[11] != '') {
    98                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     96                        }
     97                        if ($filesdata[11] != '') {
     98                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    9999background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[11] . '");
    100100-moz-background-size: 100% 100%;
     
    102102background-size: 100% 100%;
    103103}';
    104                 }
    105                 ?> </style>
     104                        }
     105                        ?>
    106106                    </div>
    107107                    <?php
    108108                endif;
    109109            }
    110             ?>
    111 
    112             <style>
    113                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    114                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    115                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    116                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    117                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    118                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    119                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    120                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    121                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    122                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    123                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    124                     animation-duration: <?php echo $styledata[57]; ?>s;
    125                 }
    126                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    127                     max-width: <?php echo $styledata[45]; ?>px;
     110            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     111                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     112                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     113                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     114                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     115                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     116                    transition:  opacity ' . $styledata[57] . 's linear;
     117                    -webkit-animation-duration: ' . $styledata[57] . 's;
     118                    -moz-animation-duration: ' . $styledata[57] . 's;
     119                    -ms-animation-duration: ' . $styledata[57] . 's;
     120                    -o-animation-duration: ' . $styledata[57] . 's;
     121                    animation-duration: ' . $styledata[57] . 's;
     122                }
     123                .oxilab-flip-box-body-' . $styleid . '{
     124                    max-width: ' . $styledata[45] . 'px;
    128125                    width: 100%;
    129126                    margin: 0 auto;
    130                     position: relative;   
    131                 }
    132                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after{
    133                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     127                    position: relative;
     128                }
     129                .oxilab-flip-box-body-' . $styleid . ':after{
     130                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    134131                    content: "";
    135132                    display: block;
    136133                }
    137                 .oxilab-flip-box-<?php echo $styleid; ?>{
     134                .oxilab-flip-box-' . $styleid . '{
    138135                    position: absolute;
    139136                    top: 0;
     
    142139                    bottom: 0;
    143140                    display: block;
    144                     background-color: <?php echo $styledata[5]; ?>;
    145                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    146                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    147                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    148                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    149                     border-radius: <?php echo $styledata[141]; ?>px;
     141                    background-color: ' . $styledata[5] . ';
     142                    -webkit-border-radius: ' . $styledata[141] . 'px;
     143                    -moz-border-radius: ' . $styledata[141] . 'px;
     144                    -ms-border-radius: ' . $styledata[141] . 'px;
     145                    -o-border-radius: ' . $styledata[141] . 'px;
     146                    border-radius: ' . $styledata[141] . 'px;
    150147                    overflow: hidden;
    151                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    152                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    153                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    154                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    155                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    156                 }
    157                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     148                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     149                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     150                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     151                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     152                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     153                }
     154                .oxilab-flip-box-' . $styleid . '-data{
    158155                    position: absolute;
    159156                    left: 0%;
     
    162159                    right: 0;
    163160                }
    164                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    165                     display: block;
    166                     text-align: <?php echo $styledata[81]; ?>;
    167                 }
    168                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    169                     display: inline-block; 
     161                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     162                    display: block;
     163                    text-align: ' . $styledata[81] . ';
     164                }
     165                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     166                    display: inline-block;
    170167                    width: 100%;
    171                     background-color: <?php echo $styledata[9]; ?>; 
    172                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    173                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    174                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    175                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    176                     border-radius: <?php echo $styledata[141]; ?>px;
    177                     padding: <?php echo $styledata[77]; ?>% <?php echo $styledata[79]; ?>px;
    178                 }
    179                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    180                     line-height:<?php echo $styledata[73]; ?>px;
    181                     font-size: <?php echo $styledata[73]; ?>px;
    182                     color: <?php echo $styledata[7]; ?>;
    183                 }
    184                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    185                     display: block;
    186                     color: <?php echo $styledata[11]; ?>;   
    187                     text-align: <?php echo $styledata[91]; ?>;           
    188                     font-size: <?php echo $styledata[83]; ?>px;
    189                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    190                     font-weight: <?php echo $styledata[89]; ?>;
    191                     font-style:<?php echo $styledata[87]; ?>;
    192                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    193 
    194                 }
    195                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     168                    background-color: ' . $styledata[9] . ';
     169                    -webkit-border-radius: ' . $styledata[141] . 'px;
     170                    -moz-border-radius: ' . $styledata[141] . 'px;
     171                    -ms-border-radius: ' . $styledata[141] . 'px;
     172                    -o-border-radius: ' . $styledata[141] . 'px;
     173                    border-radius: ' . $styledata[141] . 'px;
     174                    padding: ' . $styledata[77] . '% ' . $styledata[79] . 'px;
     175                }
     176                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     177                    line-height:' . $styledata[73] . 'px;
     178                    font-size: ' . $styledata[73] . 'px;
     179                    color: ' . $styledata[7] . ';
     180                }
     181                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     182                    display: block;
     183                    color: ' . $styledata[11] . ';
     184                    text-align: ' . $styledata[91] . ';
     185                    font-size: ' . $styledata[83] . 'px;
     186                    font-family: ' . $this->font_familly($styledata[85]) . ';
     187                    font-weight: ' . $styledata[89] . ';
     188                    font-style:' . $styledata[87] . ';
     189                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     190
     191                }
     192                .oxilab-flip-box-back-' . $styleid . '{
    196193                    position: absolute;
    197194                    top: 0;
     
    200197                    bottom: 0;
    201198                    display: block;
    202                     background-color: <?php echo $styledata[13]; ?>; 
    203                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    204                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    205                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    206                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    207                     border-radius: <?php echo $styledata[141]; ?>px;
     199                    background-color: ' . $styledata[13] . ';
     200                    -webkit-border-radius: ' . $styledata[141] . 'px;
     201                    -moz-border-radius: ' . $styledata[141] . 'px;
     202                    -ms-border-radius: ' . $styledata[141] . 'px;
     203                    -o-border-radius: ' . $styledata[141] . 'px;
     204                    border-radius: ' . $styledata[141] . 'px;
    208205                    overflow: hidden;
    209                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    210                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    211                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    212                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    213                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    214                 }
    215                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     206                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     207                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     208                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     209                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     210                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     211                }
     212                .oxilab-flip-box-back-' . $styleid . '-data{
    216213                    position: absolute;
    217214                    left: 0%;
    218215                    right: 0;
    219                     top: 50%;           
    220                     padding: <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;
     216                    top: 50%;
     217                    padding: ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
    221218                    -webkit-transform: translateY(-50%);
    222219                    -ms-transform: translateY(-50%);
    223220                    -moz-transform: translateY(-50%);
    224221                    -o-transform: translateY(-50%);
    225                     transform: translateY(-50%);           
    226                 }
    227                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    228                     display: block;
    229                     color: <?php echo $styledata[15]; ?>;
    230                     text-align: <?php echo $styledata[131]; ?>;           
    231                     font-size: <?php echo $styledata[123]; ?>px;
    232                     font-family: <?php echo $this->font_familly($styledata[125]); ?>;
    233                     font-weight: <?php echo $styledata[129]; ?>;
    234                     font-style:<?php echo $styledata[127]; ?>;
    235                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[139]; ?>px <?php echo $styledata[135]; ?>px <?php echo $styledata[137]; ?>px; 
    236                 }
    237                 <?php echo $styledata[143]; ?>;   
    238             </style>
     222                    transform: translateY(-50%);
     223                }
     224                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     225                    display: block;
     226                    color: ' . $styledata[15] . ';
     227                    text-align: ' . $styledata[131] . ';
     228                    font-size: ' . $styledata[123] . 'px;
     229                    font-family: ' . $this->font_familly($styledata[125]) . ';
     230                    font-weight: ' . $styledata[129] . ';
     231                    font-style:' . $styledata[127] . ';
     232                    padding: ' . $styledata[133] . 'px ' . $styledata[139] . 'px ' . $styledata[135] . 'px ' . $styledata[137] . 'px;
     233                }
     234                ' . $styledata[143] . ';';
     235            ?>
     236
     237
    239238        </div>
    240239        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style17.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[13] == '' && $filesdata[9] != '') {
    45                                 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">                                                       
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-info">
    7371                                                            <?php echo $this->text_render($filesdata[7]); ?>
     
    7573                                                        <?php
    7674                                                        if ($filesdata[13] != '') {
    77                                                             echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">';
     75                                                            echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">';
    7876                                                            echo '<div class="oxilab-button">
    7977                                                                    <div class="oxilab-button-data">
     
    9290                            </div>
    9391                            <?php
    94                             echo $fileslinkend;
     92                            if ($filesdata[13] == '' && $filesdata[9] != '') {
     93                                echo '</a>';
     94                            }
    9595                            echo $this->admin_edit_panel($value['id']);
    9696                            ?>
    9797                        </div>
    98                         <style>
    99                 <?php
    100                 if ($filesdata[5] != '') {
    101                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     98
     99                        <?php
     100                        if ($filesdata[5] != '') {
     101                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    102102background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    103103-moz-background-size: 100% 100%;
     
    105105background-size: 100% 100%;
    106106}';
    107                 }
    108                 if ($filesdata[11] != '') {
    109                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     107                        }
     108                        if ($filesdata[11] != '') {
     109                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    110110background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[11] . '");
    111111-moz-background-size: 100% 100%;
     
    113113background-size: 100% 100%;
    114114}';
    115                 }
    116                 ?></style>
     115                        }
     116                        ?>
    117117                    </div>
    118118                    <?php
    119119                endif;
    120120            }
    121             ?>
    122 
    123             <style>
    124                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    125                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    126                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    127                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    128                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    129                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    130                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    131                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    132                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    133                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    134                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    135                     animation-duration: <?php echo $styledata[57]; ?>s;
    136                 }
    137                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    138                     max-width: <?php echo $styledata[45]; ?>px;
     121
     122            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     123                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     124                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     125                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     126                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     127                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     128                    transition:  opacity ' . $styledata[57] . 's linear;
     129                    -webkit-animation-duration: ' . $styledata[57] . 's;
     130                    -moz-animation-duration: ' . $styledata[57] . 's;
     131                    -ms-animation-duration: ' . $styledata[57] . 's;
     132                    -o-animation-duration: ' . $styledata[57] . 's;
     133                    animation-duration: ' . $styledata[57] . 's;
     134                }
     135                .oxilab-flip-box-body-' . $styleid . '{
     136                    max-width: ' . $styledata[45] . 'px;
    139137                    width: 100%;
    140138                    margin: 0 auto;
    141                     position: relative;   
    142                 }
    143                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    144                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     139                    position: relative;
     140                }
     141                .oxilab-flip-box-body-' . $styleid . ':after {
     142                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    145143                    content: "";
    146144                    display: block;
    147145                }
    148                 .oxilab-flip-box-<?php echo $styleid; ?>{
     146                .oxilab-flip-box-' . $styleid . '{
    149147                    position: absolute;
    150148                    top: 0;
     
    152150                    right: 0;
    153151                    bottom: 0;
    154                     background-color: <?php echo $styledata[5]; ?>;
    155                     border-color:<?php echo $styledata[21]; ?>;
    156                     border-width: <?php echo $styledata[101]; ?>px;
    157                     border-style:<?php echo $styledata[103]; ?>;
    158                     display: block;
    159                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    160                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    161                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    162                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    163                     border-radius: <?php echo $styledata[141]; ?>px;
     152                    background-color: ' . $styledata[5] . ';
     153                    border-color:' . $styledata[21] . ';
     154                    border-width: ' . $styledata[101] . 'px;
     155                    border-style:' . $styledata[103] . ';
     156                    display: block;
     157                    -webkit-border-radius: ' . $styledata[141] . 'px;
     158                    -moz-border-radius: ' . $styledata[141] . 'px;
     159                    -ms-border-radius: ' . $styledata[141] . 'px;
     160                    -o-border-radius: ' . $styledata[141] . 'px;
     161                    border-radius: ' . $styledata[141] . 'px;
    164162                    overflow: hidden;
    165                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    166                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    167                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    168                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    169                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                 }
    171                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     163                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     164                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     165                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     166                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     167                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                }
     169                .oxilab-flip-box-' . $styleid . '-data{
    172170                    position: absolute;
    173171                    left: 0%;
    174                     top: 50%;   
     172                    top: 50%;
    175173                    display: flex;
    176174                    justify-content: center;
    177175                    align-items: center;
    178                     padding: <?php echo $styledata[69]; ?>px <?php echo $styledata[71]; ?>px;
     176                    padding: ' . $styledata[69] . 'px ' . $styledata[71] . 'px;
    179177                    -webkit-transform: translateY(-50%);
    180178                    -ms-transform: translateY(-50%);
     
    184182                    right: 0;
    185183                }
    186                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    187                     display: inline-block;
    188                     text-align: center; 
    189                     padding: <?php echo $styledata[77]; ?>px <?php echo $styledata[79]; ?>px;
    190                 }
    191                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    192                     display: inline-block;
    193                 }
    194                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
    195                     font-size: <?php echo $styledata[73]; ?>px;
    196                     color: <?php echo $styledata[7]; ?>;
    197                 }
    198                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    199                     display: inline-block;
    200                     color: <?php echo $styledata[11]; ?>;
    201                     text-align: <?php echo $styledata[91]; ?>;           
    202                     font-size: <?php echo $styledata[83]; ?>px;
    203                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    204                     font-weight: <?php echo $styledata[89]; ?>;
    205                     font-style:<?php echo $styledata[87]; ?>;
    206                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    207                 }                 
    208                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     184                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     185                    display: inline-block;
     186                    text-align: center;
     187                    padding: ' . $styledata[77] . 'px ' . $styledata[79] . 'px;
     188                }
     189                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     190                    display: inline-block;
     191                }
     192                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     193                    font-size: ' . $styledata[73] . 'px;
     194                    color: ' . $styledata[7] . ';
     195                }
     196                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     197                    display: inline-block;
     198                    color: ' . $styledata[11] . ';
     199                    text-align: ' . $styledata[91] . ';
     200                    font-size: ' . $styledata[83] . 'px;
     201                    font-family: ' . $this->font_familly($styledata[85]) . ';
     202                    font-weight: ' . $styledata[89] . ';
     203                    font-style:' . $styledata[87] . ';
     204                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     205                }
     206                .oxilab-flip-box-back-' . $styleid . '{
    209207                    position: absolute;
    210208                    top: 0;
     
    212210                    right: 0;
    213211                    bottom: 0;
    214                     border-width: <?php echo $styledata[105]; ?>px;
    215                     border-style:<?php echo $styledata[107]; ?>;
    216                     background-color: <?php echo $styledata[13]; ?>;
    217                     border-color:<?php echo $styledata[23]; ?>;
    218                     display: block;
    219                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    220                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    221                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    222                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    223                     border-radius: <?php echo $styledata[141]; ?>px;
     212                    border-width: ' . $styledata[105] . 'px;
     213                    border-style:' . $styledata[107] . ';
     214                    background-color: ' . $styledata[13] . ';
     215                    border-color:' . $styledata[23] . ';
     216                    display: block;
     217                    -webkit-border-radius: ' . $styledata[141] . 'px;
     218                    -moz-border-radius: ' . $styledata[141] . 'px;
     219                    -ms-border-radius: ' . $styledata[141] . 'px;
     220                    -o-border-radius: ' . $styledata[141] . 'px;
     221                    border-radius: ' . $styledata[141] . 'px;
    224222                    overflow: hidden;
    225                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    226                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    227                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    228                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    229                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    230                 }
    231                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     223                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     224                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     225                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     226                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     227                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     228                }
     229                .oxilab-flip-box-back-' . $styleid . '-data{
    232230                    position: absolute;
    233231                    left: 0%;
    234232                    right: 0;
    235                     top: 50%;           
    236                     padding: <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;
     233                    top: 50%;
     234                    padding: ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
    237235                    -webkit-transform: translateY(-50%);
    238236                    -ms-transform: translateY(-50%);
    239237                    -moz-transform: translateY(-50%);
    240238                    -o-transform: translateY(-50%);
    241                     transform: translateY(-50%);           
    242                 }
    243                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    244                     display: block;
    245                     color: <?php echo $styledata[15]; ?>; 
    246                     text-align: <?php echo $styledata[131]; ?>;           
    247                     font-size: <?php echo $styledata[123]; ?>px;
    248                     font-family: <?php echo $this->font_familly($styledata[125]); ?>;
    249                     font-weight: <?php echo $styledata[129]; ?>;
    250                     font-style:<?php echo $styledata[127]; ?>;
    251                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[139]; ?>px <?php echo $styledata[135]; ?>px <?php echo $styledata[137]; ?>px; 
    252                 }
    253                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    254                     display: block;
    255                     text-align: <?php echo $styledata[157]; ?>;
    256                     padding: <?php echo $styledata[159]; ?>px <?php echo $styledata[165]; ?>px <?php echo $styledata[161]; ?>px <?php echo $styledata[163]; ?>px; 
    257                 }
    258                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    259                     display: inline-block;     
    260                     color: <?php echo $styledata[19]; ?>;
    261                     font-size: <?php echo $styledata[143]; ?>px;           
    262                     font-family: <?php echo $this->font_familly($styledata[145]); ?>;
    263                     font-weight: <?php echo $styledata[149]; ?>;
    264                     font-style:<?php echo $styledata[147]; ?>;
    265                     padding: <?php echo $styledata[151]; ?>px <?php echo $styledata[153]; ?>px; 
    266                     -webkit-border-radius: <?php echo $styledata[155]; ?>px;
    267                     -moz-border-radius: <?php echo $styledata[155]; ?>px;
    268                     -ms-border-radius: <?php echo $styledata[155]; ?>px;
    269                     -o-border-radius: <?php echo $styledata[155]; ?>px;
    270                     border-radius: <?php echo $styledata[155]; ?>px;
    271                 }
    272                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    273                     color: <?php echo $styledata[17]; ?>;                                           
    274                 }
    275         <?php echo $styledata[167]; ?>;
    276             </style>
     239                    transform: translateY(-50%);
     240                }
     241                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     242                    display: block;
     243                    color: ' . $styledata[15] . ';
     244                    text-align: ' . $styledata[131] . ';
     245                    font-size: ' . $styledata[123] . 'px;
     246                    font-family: ' . $this->font_familly($styledata[125]) . ';
     247                    font-weight: ' . $styledata[129] . ';
     248                    font-style:' . $styledata[127] . ';
     249                    padding: ' . $styledata[133] . 'px ' . $styledata[139] . 'px ' . $styledata[135] . 'px ' . $styledata[137] . 'px;
     250                }
     251                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     252                    display: block;
     253                    text-align: ' . $styledata[157] . ';
     254                    padding: ' . $styledata[159] . 'px ' . $styledata[165] . 'px ' . $styledata[161] . 'px ' . $styledata[163] . 'px;
     255                }
     256                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     257                    display: inline-block;
     258                    color: ' . $styledata[19] . ';
     259                    font-size: ' . $styledata[143] . 'px;
     260                    font-family: ' . $this->font_familly($styledata[145]) . ';
     261                    font-weight: ' . $styledata[149] . ';
     262                    font-style:' . $styledata[147] . ';
     263                    padding: ' . $styledata[151] . 'px ' . $styledata[153] . 'px;
     264                    -webkit-border-radius: ' . $styledata[155] . 'px;
     265                    -moz-border-radius: ' . $styledata[155] . 'px;
     266                    -ms-border-radius: ' . $styledata[155] . 'px;
     267                    -o-border-radius: ' . $styledata[155] . 'px;
     268                    border-radius: ' . $styledata[155] . 'px;
     269                }
     270                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     271                    color: ' . $styledata[17] . ';
     272                }
     273                ' . $styledata[167] . ';';
     274            ?>
    277275        </div>
    278276        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style18.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
     47                                echo '</a>';
    4948                            }
    5049                            ?>
    5150                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     51                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     52                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5453                                        <div class="oxilab-flip-box-style">
    5554                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     55                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     56                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5857                                                        <div class="oxilab-image">
    59                                                             <img src="<?php echo $filesdata[5]; ?>">
     58                                                            <img src="<?php echo esc_url($filesdata[5]); ?>">
    6059                                                        </div>
    6160                                                        <div class="oxilab-heading">
    6261                                                            <?php echo $this->text_render($filesdata[1]); ?>
    63                                                         </div>                                                     
     62                                                        </div>
    6463                                                    </div>
    6564                                                </div>
    6665                                            </div>
    6766                                            <div class="oxilab-flip-box-back">
    68                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    69                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     67                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     68                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7069                                                        <div class="oxilab-heading">
    7170                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7675                                                        <?php
    7776                                                        if ($filesdata[9] != '') {
    78                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     77                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    7978                                                            echo '<div class="oxilab-button">
    8079                                                                    <div class="oxilab-button-data">
     
    9291                                </div>
    9392                            </div>
    94                             <?php echo $fileslinkend;
    95                               echo $this->admin_edit_panel($value['id']);
     93                            <?php
     94                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     95                                echo '</a>';
     96                            }
     97                            echo $this->admin_edit_panel($value['id']);
    9698                            ?>
    9799                        </div>
    98                         <style>
    99                 <?php
    100                 if ($filesdata[13] != '') {
    101                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     100
     101                        <?php
     102                        if ($filesdata[13] != '') {
     103                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    102104background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    103105-moz-background-size: 100% 100%;
     
    105107background-size: 100% 100%;
    106108}';
    107                 }
    108                 ?></style>
     109                        }
     110                        ?>
    109111                    </div>
    110112                    <?php
    111113                endif;
    112114            }
    113             ?>
    114 
    115             <style>
    116                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    117                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    118                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    119                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    120                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    121                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    122                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    123                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    124                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    125                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    126                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    127                     animation-duration: <?php echo $styledata[57]; ?>s;
    128                 }
    129                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    130                     max-width: <?php echo $styledata[45]; ?>px;
     115            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     116                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     117                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     118                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     119                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     120                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     121                    transition:  opacity ' . $styledata[57] . 's linear;
     122                    -webkit-animation-duration: ' . $styledata[57] . 's;
     123                    -moz-animation-duration: ' . $styledata[57] . 's;
     124                    -ms-animation-duration: ' . $styledata[57] . 's;
     125                    -o-animation-duration: ' . $styledata[57] . 's;
     126                    animation-duration: ' . $styledata[57] . 's;
     127                }
     128                .oxilab-flip-box-body-' . $styleid . '{
     129                    max-width: ' . $styledata[45] . 'px;
    131130                    width: 100%;
    132131                    margin: 0 auto;
    133                     position: relative;   
    134                 }
    135                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    136                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     132                    position: relative;
     133                }
     134                .oxilab-flip-box-body-' . $styleid . ':after {
     135                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    137136                    content: "";
    138137                    display: block;
    139138                }
    140                 .oxilab-flip-box-<?php echo $styleid; ?>{
    141                     position: absolute;
    142                     top: 0;
    143                     left: 0;
    144                     right: 0;
    145                     bottom: 0;
    146                     border-width: <?php echo $styledata[163]; ?>px;
    147                     border-style:<?php echo $styledata[165]; ?>;
    148                     background-color: <?php echo $styledata[5]; ?>;
    149                     border-color:<?php echo $styledata[7]; ?>;
    150                     display: block;
    151                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    152                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    153                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    154                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    155                     border-radius: <?php echo $styledata[153]; ?>px;
     139                .oxilab-flip-box-' . $styleid . '{
     140                    position: absolute;
     141                    top: 0;
     142                    left: 0;
     143                    right: 0;
     144                    bottom: 0;
     145                    border-width: ' . $styledata[163] . 'px;
     146                    border-style:' . $styledata[165] . ';
     147                    background-color: ' . $styledata[5] . ';
     148                    border-color:' . $styledata[7] . ';
     149                    display: block;
     150                    -webkit-border-radius: ' . $styledata[153] . 'px;
     151                    -moz-border-radius: ' . $styledata[153] . 'px;
     152                    -ms-border-radius: ' . $styledata[153] . 'px;
     153                    -o-border-radius: ' . $styledata[153] . 'px;
     154                    border-radius: ' . $styledata[153] . 'px;
    156155                    overflow: hidden;
    157                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    158                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    159                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    160                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    161                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    162                 }
    163                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     156                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     157                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     158                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     159                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     160                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     161                }
     162                .oxilab-flip-box-' . $styleid . '-data{
    164163                    position: absolute;
    165164                    left: 0%;
    166                     top: 0%;   
    167                     right: 0;
    168                     bottom: 0;
    169                 }
    170                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image{
    171                     position: absolute;
    172                     top: 0;
    173                     left: 0;
    174                     right: 0;
    175                     display: block; 
    176                 }
    177                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image:after{
    178                     padding-bottom: <?php echo $styledata[69]; ?>%;
     165                    top: 0%;
     166                    right: 0;
     167                    bottom: 0;
     168                }
     169                .oxilab-flip-box-' . $styleid . '-data .oxilab-image{
     170                    position: absolute;
     171                    top: 0;
     172                    left: 0;
     173                    right: 0;
     174                    display: block;
     175                }
     176                .oxilab-flip-box-' . $styleid . '-data .oxilab-image:after{
     177                    padding-bottom: ' . $styledata[69] . '%;
    179178                    content: "";
    180179                    display: block;
    181180                }
    182                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image img{
     181                .oxilab-flip-box-' . $styleid . '-data .oxilab-image img{
    183182                    position: absolute;
    184183                    width: 100%;
     
    188187                    right: 0;
    189188                    bottom: 0;
    190                     display: block; 
    191                 }
    192                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    193                     margin-top: <?php echo $styledata[69]; ?>%;
    194                     color: <?php echo $styledata[13]; ?>;
    195                     display: block;
    196                     text-align: <?php echo $styledata[91]; ?>;           
    197                     font-size: <?php echo $styledata[83]; ?>px;
    198                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    199                     font-weight: <?php echo $styledata[89]; ?>;
    200                     font-style:<?php echo $styledata[87]; ?>;
    201                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    202 
    203                 }
    204                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
    205                     position: absolute;
    206                     top: 0;
    207                     left: 0;
    208                     right: 0;
    209                     bottom: 0;
    210                     border-width: <?php echo $styledata[167]; ?>px;
    211                     border-style:<?php echo $styledata[169]; ?>;
    212                     background-color: <?php echo $styledata[15]; ?>;
    213                     border-color:<?php echo $styledata[9]; ?>;
    214                     display: block;
    215                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    216                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    217                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    218                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    219                     border-radius: <?php echo $styledata[153]; ?>px;
     189                    display: block;
     190                }
     191                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     192                    margin-top: ' . $styledata[69] . '%;
     193                    color: ' . $styledata[13] . ';
     194                    display: block;
     195                    text-align: ' . $styledata[91] . ';
     196                    font-size: ' . $styledata[83] . 'px;
     197                    font-family: ' . $this->font_familly($styledata[85]) . ';
     198                    font-weight: ' . $styledata[89] . ';
     199                    font-style:' . $styledata[87] . ';
     200                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     201
     202                }
     203                .oxilab-flip-box-back-' . $styleid . '{
     204                    position: absolute;
     205                    top: 0;
     206                    left: 0;
     207                    right: 0;
     208                    bottom: 0;
     209                    border-width: ' . $styledata[167] . 'px;
     210                    border-style:' . $styledata[169] . ';
     211                    background-color: ' . $styledata[15] . ';
     212                    border-color:' . $styledata[9] . ';
     213                    display: block;
     214                    -webkit-border-radius: ' . $styledata[153] . 'px;
     215                    -moz-border-radius: ' . $styledata[153] . 'px;
     216                    -ms-border-radius: ' . $styledata[153] . 'px;
     217                    -o-border-radius: ' . $styledata[153] . 'px;
     218                    border-radius: ' . $styledata[153] . 'px;
    220219                    overflow: hidden;
    221                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    222                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    223                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    224                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    225                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    226 
    227                 }
    228                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     220                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     221                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     222                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     223                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     224                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     225
     226                }
     227                .oxilab-flip-box-back-' . $styleid . '-data{
    229228                    position: absolute;
    230229                    left: 0%;
    231230                    right: 0;
    232                     top: 50%;           
    233                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     231                    top: 50%;
     232                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    234233                    -webkit-transform: translateY(-50%);
    235234                    -ms-transform: translateY(-50%);
    236235                    -moz-transform: translateY(-50%);
    237236                    -o-transform: translateY(-50%);
    238                     transform: translateY(-50%);           
    239                 }
    240                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    241                     display: block;
    242                     color:  <?php echo $styledata[31]; ?>;
    243                     text-align: <?php echo $styledata[189]; ?>;           
    244                     font-size: <?php echo $styledata[181]; ?>px;         
    245                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    246                     font-weight: <?php echo $styledata[187]; ?>;
    247                     font-style:<?php echo $styledata[185]; ?>;
    248                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    249                 }
    250                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    251                     display: block;
    252                     color: <?php echo $styledata[19]; ?>;
    253                     text-align: <?php echo $styledata[115]; ?>;           
    254                     font-size: <?php echo $styledata[107]; ?>px;         
    255                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    256                     font-weight: <?php echo $styledata[113]; ?>;
    257                     font-style:<?php echo $styledata[111]; ?>;
    258                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    259                 }
    260                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    261                     display: block;
    262                     text-align: <?php echo $styledata[139]; ?>;
    263                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    264                 }
    265                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    266                     display: inline-block;   
    267                     color: <?php echo $styledata[21]; ?>;
    268                     background-color:  <?php echo $styledata[23]; ?>;
    269                     font-size: <?php echo $styledata[125]; ?>px;
    270                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    271                     font-weight: <?php echo $styledata[131]; ?>;
    272                     font-style:<?php echo $styledata[129]; ?>;
    273                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    274                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    275                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    276                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    277                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    278                     border-radius: <?php echo $styledata[137]; ?>px;
    279                 }
    280                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    281                     background-color: <?php echo $styledata[27]; ?>;
    282                     color:  <?php echo $styledata[25]; ?>;
    283                 }
    284                 <?php echo $styledata[199]; ?>;
    285             </style>
     237                    transform: translateY(-50%);
     238                }
     239                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     240                    display: block;
     241                    color:  ' . $styledata[31] . ';
     242                    text-align: ' . $styledata[189] . ';
     243                    font-size: ' . $styledata[181] . 'px;
     244                    font-family: ' . $this->font_familly($styledata[183]) . ';
     245                    font-weight: ' . $styledata[187] . ';
     246                    font-style:' . $styledata[185] . ';
     247                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     248                }
     249                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     250                    display: block;
     251                    color: ' . $styledata[19] . ';
     252                    text-align: ' . $styledata[115] . ';
     253                    font-size: ' . $styledata[107] . 'px;
     254                    font-family: ' . $this->font_familly($styledata[109]) . ';
     255                    font-weight: ' . $styledata[113] . ';
     256                    font-style:' . $styledata[111] . ';
     257                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     258                }
     259                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     260                    display: block;
     261                    text-align: ' . $styledata[139] . ';
     262                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     263                }
     264                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     265                    display: inline-block;
     266                    color: ' . $styledata[21] . ';
     267                    background-color:  ' . $styledata[23] . ';
     268                    font-size: ' . $styledata[125] . 'px;
     269                    font-family: ' . $this->font_familly($styledata[127]) . ';
     270                    font-weight: ' . $styledata[131] . ';
     271                    font-style:' . $styledata[129] . ';
     272                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     273                    -webkit-border-radius: ' . $styledata[137] . 'px;
     274                    -moz-border-radius: ' . $styledata[137] . 'px;
     275                    -ms-border-radius: ' . $styledata[137] . 'px;
     276                    -o-border-radius: ' . $styledata[137] . 'px;
     277                    border-radius: ' . $styledata[137] . 'px;
     278                }
     279                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     280                    background-color: ' . $styledata[27] . ';
     281                    color:  ' . $styledata[25] . ';
     282                }
     283                ' . $styledata[199] . ';';
     284            ?>
    286285        </div>
    287286
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style19.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[3] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <img src="<?php echo $filesdata[5]; ?>">
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <img src="<?php echo esc_url($filesdata[5]); ?>">
    5856                                                </div>
    5957                                            </div>
    6058                                            <div class="oxilab-flip-box-back">
    61                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    62                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     59                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     60                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    6361                                                        <div class="oxilab-heading">
    6462                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    6664                                                        <div class="oxilab-info">
    6765                                                            <?php echo $this->text_render($filesdata[7]); ?>
    68                                                         </div> 
     66                                                        </div>
    6967                                                    </div>
    7068                                                    <?php
    7169                                                    if ($filesdata[3] != '') {
    72                                                         echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     70                                                        echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    7371                                                        echo '<div class="oxilab-button">
    7472                                                                    ' . $this->font_awesome_render($filesdata[3]) . '
     
    8482                            </div>
    8583                            <?php
    86                             echo $fileslinkend;
     84                            if ($filesdata[3] == '' && $filesdata[11] != '') {
     85                                echo '</a>';
     86                            }
    8787                            echo $this->admin_edit_panel($value['id']);
    8888                            ?>
    8989                        </div>
    90                         <style>
    91                 <?php
    92                 if ($filesdata[13] != '') {
    93                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     90
     91                        <?php
     92                        if ($filesdata[13] != '') {
     93                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    9494background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[13] . '");
    9595-moz-background-size: 100% 100%;
     
    9797background-size: 100% 100%;
    9898}';
    99                 }
    100                 ?>
    101                         </style>
     99                        }
     100                        ?>
     101
    102102                    </div>
    103103                    <?php
    104104                endif;
    105105            }
    106             ?>
    107 
    108             <style>
    109                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    110                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    111                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    112                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    113                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    114                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    115                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    116                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    117                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    118                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    119                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    120                     animation-duration: <?php echo $styledata[57]; ?>s;
    121                 }
    122                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    123                     max-width: <?php echo $styledata[45]; ?>px;
     106
     107            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     108                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     109                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     110                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     111                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     112                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     113                    transition:  opacity ' . $styledata[57] . 's linear;
     114                    -webkit-animation-duration: ' . $styledata[57] . 's;
     115                    -moz-animation-duration: ' . $styledata[57] . 's;
     116                    -ms-animation-duration: ' . $styledata[57] . 's;
     117                    -o-animation-duration: ' . $styledata[57] . 's;
     118                    animation-duration: ' . $styledata[57] . 's;
     119                }
     120                .oxilab-flip-box-body-' . $styleid . '{
     121                    max-width: ' . $styledata[45] . 'px;
    124122                    width: 100%;
    125123                    margin: 0 auto;
    126                     position: relative;   
    127                 }
    128                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    129                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     124                    position: relative;
     125                }
     126                .oxilab-flip-box-body-' . $styleid . ':after {
     127                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    130128                    content: "";
    131129                    display: block;
    132130                }
    133                 .oxilab-flip-box-<?php echo $styleid; ?>{
     131                .oxilab-flip-box-' . $styleid . '{
    134132                    position: absolute;
    135133                    top: 0;
     
    138136                    bottom: 0;
    139137                    display: block;
    140                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    141                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    142                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    143                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    144                     border-radius: <?php echo $styledata[153]; ?>px;
     138                    -webkit-border-radius: ' . $styledata[153] . 'px;
     139                    -moz-border-radius: ' . $styledata[153] . 'px;
     140                    -ms-border-radius: ' . $styledata[153] . 'px;
     141                    -o-border-radius: ' . $styledata[153] . 'px;
     142                    border-radius: ' . $styledata[153] . 'px;
    145143                    overflow: hidden;
    146                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    147                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    148                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    149                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    150                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    151                 }
    152                 .oxilab-flip-box-<?php echo $styleid; ?> img{
     144                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     145                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     146                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     147                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     148                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     149                }
     150                .oxilab-flip-box-' . $styleid . ' img{
    153151                    position: absolute;
    154152                    top: 0;
     
    157155                    bottom: 0;
    158156                    display: block;
    159                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    160                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    161                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    162                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    163                     border-radius: <?php echo $styledata[153]; ?>px;
     157                    -webkit-border-radius: ' . $styledata[153] . 'px;
     158                    -moz-border-radius: ' . $styledata[153] . 'px;
     159                    -ms-border-radius: ' . $styledata[153] . 'px;
     160                    -o-border-radius: ' . $styledata[153] . 'px;
     161                    border-radius: ' . $styledata[153] . 'px;
    164162                    overflow: hidden;
    165163                    width: 100%;
    166164                    height: 100%;
    167165                }
    168                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     166                .oxilab-flip-box-back-' . $styleid . '{
    169167                    position: absolute;
    170168                    top: 0;
     
    173171                    bottom: 0;
    174172                    display: block;
    175                     background-color: <?php echo $styledata[5]; ?>;
    176                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    177                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    178                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    179                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    180                     border-radius: <?php echo $styledata[153]; ?>px;
     173                    background-color: ' . $styledata[5] . ';
     174                    -webkit-border-radius: ' . $styledata[153] . 'px;
     175                    -moz-border-radius: ' . $styledata[153] . 'px;
     176                    -ms-border-radius: ' . $styledata[153] . 'px;
     177                    -o-border-radius: ' . $styledata[153] . 'px;
     178                    border-radius: ' . $styledata[153] . 'px;
    181179                    overflow: hidden;
    182                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    183                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    184                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    185                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    186                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    187                 }
    188                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     180                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     181                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     182                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     183                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     184                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     185                }
     186                .oxilab-flip-box-back-' . $styleid . '-data{
    189187                    position: absolute;
    190188                    left: 0%;
    191189                    right: 0;
    192                     top: 50%;           
    193                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     190                    top: 50%;
     191                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    194192                    -webkit-transform: translateY(-50%);
    195193                    -ms-transform: translateY(-50%);
    196194                    -moz-transform: translateY(-50%);
    197195                    -o-transform: translateY(-50%);
    198                     transform: translateY(-50%);           
    199                 }
    200                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    201                     display: block;
    202                     color:  <?php echo $styledata[13]; ?>;
    203                     text-align: <?php echo $styledata[189]; ?>;           
    204                     font-size: <?php echo $styledata[181]; ?>px;         
    205                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    206                     font-weight: <?php echo $styledata[187]; ?>;
    207                     font-style:<?php echo $styledata[185]; ?>;
    208                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    209                 }
    210                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    211                     display: block;
    212                     color: <?php echo $styledata[7]; ?>;
    213                     text-align: <?php echo $styledata[115]; ?>;           
    214                     font-size: <?php echo $styledata[107]; ?>px;         
    215                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    216                     font-weight: <?php echo $styledata[113]; ?>;
    217                     font-style:<?php echo $styledata[111]; ?>;
    218                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    219                 }
    220                 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button{
    221                     display: block;
    222                     position: absolute;
    223                     right: 0;
    224                     bottom: 0;
    225                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    226                 }
    227                 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button .oxi-icons{
    228                     display: inline-block;     
    229                     color: <?php echo $styledata[9]; ?>;
    230                     font-size: <?php echo $styledata[125]; ?>px;
    231                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    232                 }
    233                 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-button .oxi-icons:hover{
    234                     color:  <?php echo $styledata[11]; ?>;
    235                 }
    236         <?php echo $styledata[199]; ?>;
    237             </style>
     196                    transform: translateY(-50%);
     197                }
     198                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     199                    display: block;
     200                    color:  ' . $styledata[13] . ';
     201                    text-align: ' . $styledata[189] . ';
     202                    font-size: ' . $styledata[181] . 'px;
     203                    font-family: ' . $this->font_familly($styledata[183]) . ';
     204                    font-weight: ' . $styledata[187] . ';
     205                    font-style:' . $styledata[185] . ';
     206                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     207                }
     208                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     209                    display: block;
     210                    color: ' . $styledata[7] . ';
     211                    text-align: ' . $styledata[115] . ';
     212                    font-size: ' . $styledata[107] . 'px;
     213                    font-family: ' . $this->font_familly($styledata[109]) . ';
     214                    font-weight: ' . $styledata[113] . ';
     215                    font-style:' . $styledata[111] . ';
     216                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     217                }
     218                .oxilab-flip-box-back-' . $styleid . ' .oxilab-button{
     219                    display: block;
     220                    position: absolute;
     221                    right: 0;
     222                    bottom: 0;
     223                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     224                }
     225                .oxilab-flip-box-back-' . $styleid . ' .oxilab-button .oxi-icons{
     226                    display: inline-block;
     227                    color: ' . $styledata[9] . ';
     228                    font-size: ' . $styledata[125] . 'px;
     229                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     230                }
     231                .oxilab-flip-box-back-' . $styleid . ' .oxilab-button .oxi-icons:hover{
     232                    color:  ' . $styledata[11] . ';
     233                }
     234                ' . $styledata[199] . ';';
     235            ?>
     236
     237
    238238        </div>
    239239        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style2.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    7169                                            </div>
    7270                                            <div class="oxilab-flip-box-back">
    73                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    74                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     71                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     72                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7573                                                        <div class="oxilab-heading">
    7674                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    8179                                                        <?php
    8280                                                        if ($filesdata[9] != '') {
    83                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     81                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8482                                                            echo '<div class="oxilab-button">
    8583                                                                    <div class="oxilab-button-data">
     
    9896                            </div>
    9997                            <?php
    100                             echo $fileslinkend;
     98                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     99                                echo '</a>';
     100                            }
    101101                            echo $this->admin_edit_panel($value['id']);
    102102                            ?>
    103103                        </div>
    104                         <style>
    105                 <?php
    106                 if ($filesdata[5] != '') {
    107                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     104
     105                        <?php
     106                        if ($filesdata[5] != '') {
     107                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    108108background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    109109-moz-background-size: 100% 100%;
     
    111111background-size: 100% 100%;
    112112}';
    113                 }
    114                 ?>
    115                 <?php
    116                 if ($filesdata[13] != '') {
    117                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     113                        }
     114                        ?>
     115                        <?php
     116                        if ($filesdata[13] != '') {
     117                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    118118background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    119119-moz-background-size: 100% 100%;
     
    121121background-size: 100% 100%;
    122122}';
    123                 }
    124                 ?>     
    125                         </style>
     123                        }
     124                        ?>
     125
    126126                    </div>
    127127                    <?php
    128128                endif;
    129129            }
    130             ?>
    131             <style>
    132                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    133                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    134                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    137                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    138                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    139                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    141                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    142                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    143                     animation-duration: <?php echo $styledata[57]; ?>s;
    144                 }
    145                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    146                     max-width: <?php echo $styledata[45]; ?>px;
     130
     131            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     132                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     133                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     134                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     135                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     136                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     137                    transition:  opacity ' . $styledata[57] . 's linear;
     138                    -webkit-animation-duration: ' . $styledata[57] . 's;
     139                    -moz-animation-duration: ' . $styledata[57] . 's;
     140                    -ms-animation-duration: ' . $styledata[57] . 's;
     141                    -o-animation-duration: ' . $styledata[57] . 's;
     142                    animation-duration: ' . $styledata[57] . 's;
     143                }
     144                .oxilab-flip-box-body-' . $styleid . '{
     145                    max-width: ' . $styledata[45] . 'px;
    147146                    width: 100%;
    148147                    margin: 0 auto;
    149                     position: relative;   
    150                 }
    151                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    152                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     148                    position: relative;
     149                }
     150                .oxilab-flip-box-body-' . $styleid . ':after {
     151                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    153152                    content: "";
    154153                    display: block;
    155154                }
    156                 .oxilab-flip-box-<?php echo $styleid; ?>{
     155                .oxilab-flip-box-' . $styleid . '{
    157156                    position: absolute;
    158157                    top: 0;
    159158                    left: 0;
    160159                    width: 100%;
    161                     height: 100%;           
    162                     border-width: <?php echo $styledata[149]; ?>px;
    163                     border-style:<?php echo $styledata[151]; ?>;   
    164                     border-color: <?php echo $styledata[7]; ?>;
    165                     background-color: <?php echo $styledata[5]; ?>;
     160                    height: 100%;
     161                    border-width: ' . $styledata[149] . 'px;
     162                    border-style:' . $styledata[151] . ';
     163                    border-color: ' . $styledata[7] . ';
     164                    background-color: ' . $styledata[5] . ';
    166165                    display: block;
    167                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    168                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    169                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    170                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    171                     border-radius: <?php echo $styledata[153]; ?>px;
     166                    -webkit-border-radius: ' . $styledata[153] . 'px;
     167                    -moz-border-radius: ' . $styledata[153] . 'px;
     168                    -ms-border-radius: ' . $styledata[153] . 'px;
     169                    -o-border-radius: ' . $styledata[153] . 'px;
     170                    border-radius: ' . $styledata[153] . 'px;
    172171                    overflow: hidden;
    173                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    174                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    175                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    176                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    177                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    178                 }
    179                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     172                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     173                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     174                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     175                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     176                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     177                }
     178                .oxilab-flip-box-' . $styleid . '-data{
    180179                    position: absolute;
    181180                    left: 0%;
    182                     top: 50%;           
    183                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     181                    top: 50%;
     182                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    184183                    -webkit-transform: translateY(-50%);
    185184                    -ms-transform: translateY(-50%);
     
    190189                    width: 100%;
    191190                }
    192                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    193                     width: 100%;
    194                     float: left;
    195                     text-align: center; 
    196                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    197                 }
    198                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    199                     display: inline-block; 
    200                     background-color: <?php echo $styledata[11]; ?>;
    201                     width:  <?php echo $styledata[79]; ?>px;
    202                     height:  <?php echo $styledata[79]; ?>px;
    203                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    204                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    205                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    206                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    207                     border-radius:  <?php echo $styledata[81]; ?>px;
    208                 }
    209                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    210                     line-height:  <?php echo $styledata[79]; ?>px;
    211                     font-size:  <?php echo $styledata[77]; ?>px; 
    212                     color: <?php echo $styledata[9]; ?>;
    213                 }
    214                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    215                     width: 100%;
    216                     float: left;
    217                     color: <?php echo $styledata[13]; ?>;
    218                     text-align: <?php echo $styledata[91]; ?>;           
    219                     font-size: <?php echo $styledata[83]; ?>px;
    220                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    221                     font-weight: <?php echo $styledata[89]; ?>;
    222                     font-style:<?php echo $styledata[87]; ?>;
    223                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    224                 }
    225                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    226                     width: 100%;
    227                     float: left;
    228                     color:  <?php echo $styledata[29]; ?>;
    229                     text-align: <?php echo $styledata[171]; ?>;           
    230                     font-size: <?php echo $styledata[163]; ?>px;
    231                     font-family: <?php echo $this->font_familly($styledata[165]); ?>;
    232                     font-weight: <?php echo $styledata[169]; ?>;
    233                     font-style:<?php echo $styledata[167]; ?>;
    234                     padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;
    235                 }
    236                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     191                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     192                    width: 100%;
     193                    float: left;
     194                    text-align: center;
     195                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     196                }
     197                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     198                    display: inline-block;
     199                    background-color: ' . $styledata[11] . ';
     200                    width:  ' . $styledata[79] . 'px;
     201                    height:  ' . $styledata[79] . 'px;
     202                    -webkit-border-radius: ' . $styledata[81] . 'px;
     203                    -moz-border-radius: ' . $styledata[81] . 'px;
     204                    -ms-border-radius: ' . $styledata[81] . 'px;
     205                    -o-border-radius: ' . $styledata[81] . 'px;
     206                    border-radius:  ' . $styledata[81] . 'px;
     207                }
     208                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     209                    line-height:  ' . $styledata[79] . 'px;
     210                    font-size:  ' . $styledata[77] . 'px;
     211                    color: ' . $styledata[9] . ';
     212                }
     213                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     214                    width: 100%;
     215                    float: left;
     216                    color: ' . $styledata[13] . ';
     217                    text-align: ' . $styledata[91] . ';
     218                    font-size: ' . $styledata[83] . 'px;
     219                    font-family: ' . $this->font_familly($styledata[85]) . ';
     220                    font-weight: ' . $styledata[89] . ';
     221                    font-style:' . $styledata[87] . ';
     222                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     223                }
     224                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     225                    width: 100%;
     226                    float: left;
     227                    color:  ' . $styledata[29] . ';
     228                    text-align: ' . $styledata[171] . ';
     229                    font-size: ' . $styledata[163] . 'px;
     230                    font-family: ' . $this->font_familly($styledata[165]) . ';
     231                    font-weight: ' . $styledata[169] . ';
     232                    font-style:' . $styledata[167] . ';
     233                    padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px;
     234                }
     235                .oxilab-flip-box-back-' . $styleid . '{
    237236                    position: absolute;
    238237                    top: 0;
    239238                    left: 0;
    240239                    width: 100%;
    241                     height: 100%;           
    242                     border-width: <?php echo $styledata[155]; ?>px;
    243                     border-style:<?php echo $styledata[157]; ?>;
    244                     border-color: <?php echo $styledata[17]; ?>;
    245                     background-color: <?php echo $styledata[15]; ?>;
     240                    height: 100%;
     241                    border-width: ' . $styledata[155] . 'px;
     242                    border-style:' . $styledata[157] . ';
     243                    border-color: ' . $styledata[17] . ';
     244                    background-color: ' . $styledata[15] . ';
    246245                    display: block;
    247                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    248                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    249                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    250                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    251                     border-radius:<?php echo $styledata[153]; ?>px;
     246                    -webkit-border-radius: ' . $styledata[153] . 'px;
     247                    -moz-border-radius: ' . $styledata[153] . 'px;
     248                    -ms-border-radius: ' . $styledata[153] . 'px;
     249                    -o-border-radius: ' . $styledata[153] . 'px;
     250                    border-radius:' . $styledata[153] . 'px;
    252251                    overflow: hidden;
    253                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    254                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    255                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    256                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    257                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    258                 }
    259                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     252                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     253                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     254                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     255                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     256                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     257                }
     258                .oxilab-flip-box-back-' . $styleid . '-data{
    260259                    position: absolute;
    261260                    left: 0%;
    262                     top: 50%;           
    263                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     261                    top: 50%;
     262                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    264263                    -webkit-transform: translateY(-50%);
    265264                    -ms-transform: translateY(-50%);
     
    269268                    width: 100%;
    270269                }
    271                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    272                     width: 100%;
    273                     float: left;
    274                     color:  <?php echo $styledata[31]; ?>;
    275                     text-align: <?php echo $styledata[189]; ?>;           
    276                     font-size: <?php echo $styledata[181]; ?>px;         
    277                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    278                     font-weight: <?php echo $styledata[187]; ?>;
    279                     font-style:<?php echo $styledata[185]; ?>;
    280                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    281                 }
    282                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    283                     width: 100%;
    284                     float: left;
    285                     color: <?php echo $styledata[19]; ?>;
    286                     text-align: <?php echo $styledata[115]; ?>;           
    287                     font-size: <?php echo $styledata[107]; ?>px;         
    288                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    289                     font-weight: <?php echo $styledata[113]; ?>;
    290                     font-style:<?php echo $styledata[111]; ?>;
    291                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    292                 }
    293                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    294                     width: 100%;
    295                     float: left;
    296                     text-align: <?php echo $styledata[139]; ?>;
    297                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    298                 }
    299                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    300                     display: inline-block;   
    301                     color: <?php echo $styledata[21]; ?>;
    302                     background-color:  <?php echo $styledata[23]; ?>;
    303                     font-size: <?php echo $styledata[125]; ?>px;
    304                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    305                     font-weight: <?php echo $styledata[131]; ?>;
    306                     font-style:<?php echo $styledata[129]; ?>;
    307                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    308                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    309                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    310                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    311                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    312                     border-radius: <?php echo $styledata[137]; ?>px;
    313                 }
    314                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    315                     background-color: <?php echo $styledata[27]; ?>;
    316                     color:  <?php echo $styledata[25]; ?>;
    317                 }
    318                 <?php echo $styledata[199]; ?>;
    319             </style>
     270                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     271                    width: 100%;
     272                    float: left;
     273                    color:  ' . $styledata[31] . ';
     274                    text-align: ' . $styledata[189] . ';
     275                    font-size: ' . $styledata[181] . 'px;
     276                    font-family: ' . $this->font_familly($styledata[183]) . ';
     277                    font-weight: ' . $styledata[187] . ';
     278                    font-style:' . $styledata[185] . ';
     279                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     280                }
     281                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     282                    width: 100%;
     283                    float: left;
     284                    color: ' . $styledata[19] . ';
     285                    text-align: ' . $styledata[115] . ';
     286                    font-size: ' . $styledata[107] . 'px;
     287                    font-family: ' . $this->font_familly($styledata[109]) . ';
     288                    font-weight: ' . $styledata[113] . ';
     289                    font-style:' . $styledata[111] . ';
     290                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     291                }
     292                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     293                    width: 100%;
     294                    float: left;
     295                    text-align: ' . $styledata[139] . ';
     296                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     297                }
     298                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     299                    display: inline-block;
     300                    color: ' . $styledata[21] . ';
     301                    background-color:  ' . $styledata[23] . ';
     302                    font-size: ' . $styledata[125] . 'px;
     303                    font-family: ' . $this->font_familly($styledata[127]) . ';
     304                    font-weight: ' . $styledata[131] . ';
     305                    font-style:' . $styledata[129] . ';
     306                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     307                    -webkit-border-radius: ' . $styledata[137] . 'px;
     308                    -moz-border-radius: ' . $styledata[137] . 'px;
     309                    -ms-border-radius: ' . $styledata[137] . 'px;
     310                    -o-border-radius: ' . $styledata[137] . 'px;
     311                    border-radius: ' . $styledata[137] . 'px;
     312                }
     313                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     314                    background-color: ' . $styledata[27] . ';
     315                    color:  ' . $styledata[25] . ';
     316                }
     317                ' . $styledata[199] . ';';
     318            ?>
     319
    320320        </div>
    321321        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style20.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-image">
    59                                                             <img src="<?php echo $filesdata[5]; ?>">
     57                                                            <img src="<?php echo esc_url($filesdata[5]); ?>">
    6058                                                        </div>
    6159                                                        <div class="oxilab-heading">
    6260                                                            <?php echo $this->text_render($filesdata[1]); ?>
    63                                                         </div>                                                     
     61                                                        </div>
    6462                                                    </div>
    6563                                                </div>
    6664                                            </div>
    6765                                            <div class="oxilab-flip-box-back">
    68                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    69                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     66                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     67                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7068                                                        <div class="oxilab-heading">
    7169                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7674                                                        <?php
    7775                                                        if ($filesdata[9] != '') {
    78                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     76                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    7977                                                            echo '<div class="oxilab-button">
    8078                                                                    <div class="oxilab-button-data">
     
    9290                                </div>
    9391                            </div>
    94                             <?php echo $fileslinkend;
    95                                echo $this->admin_edit_panel($value['id']);
     92                            <?php
     93                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     94                                echo '</a>';
     95                            }
     96                            echo $this->admin_edit_panel($value['id']);
    9697                            ?>
    9798                        </div>
    98                         <style>
    99                 <?php
    100                
    101                 if ($filesdata[13] != '') {
    102                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     99
     100                        <?php
     101                        if ($filesdata[13] != '') {
     102                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    103103background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    104104-moz-background-size: 100% 100%;
     
    106106background-size: 100% 100%;
    107107}';
    108                 }
    109                 ?>
    110                         </style>
     108                        }
     109                        ?>
     110
    111111                    </div>
    112112                    <?php
    113113                endif;
    114114            }
    115             ?>
    116 
    117             <style>
    118                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    119                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    120                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    121                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    122                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    123                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    124                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    125                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    126                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    127                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    128                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    129                     animation-duration: <?php echo $styledata[57]; ?>s;
    130                 }
    131                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    132                     max-width: <?php echo $styledata[45]; ?>px;
     115
     116            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     117                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     118                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     119                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     120                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     121                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     122                    transition:  opacity ' . $styledata[57] . 's linear;
     123                    -webkit-animation-duration: ' . $styledata[57] . 's;
     124                    -moz-animation-duration: ' . $styledata[57] . 's;
     125                    -ms-animation-duration: ' . $styledata[57] . 's;
     126                    -o-animation-duration: ' . $styledata[57] . 's;
     127                    animation-duration: ' . $styledata[57] . 's;
     128                }
     129                .oxilab-flip-box-body-' . $styleid . '{
     130                    max-width: ' . $styledata[45] . 'px;
    133131                    width: 100%;
    134132                    margin: 0 auto;
    135                     position: relative;   
    136                 }
    137                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    138                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     133                    position: relative;
     134                }
     135                .oxilab-flip-box-body-' . $styleid . ':after {
     136                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    139137                    content: "";
    140138                    display: block;
    141139                }
    142                 .oxilab-flip-box-<?php echo $styleid; ?>{
    143                     position: absolute;
    144                     top: 0;
    145                     left: 0;
    146                     right: 0;
    147                     bottom: 0;
    148                     background-color: <?php echo $styledata[5]; ?>;
    149                     border-color:<?php echo $styledata[7]; ?>;
    150                     border-width: <?php echo $styledata[163]; ?>px;
    151                     border-style:<?php echo $styledata[165]; ?>;
    152                     display: block;
    153                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    154                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    155                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    156                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    157                     border-radius: <?php echo $styledata[153]; ?>px;
    158                     overflow: hidden;     
    159                 }
    160                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     140                .oxilab-flip-box-' . $styleid . '{
     141                    position: absolute;
     142                    top: 0;
     143                    left: 0;
     144                    right: 0;
     145                    bottom: 0;
     146                    background-color: ' . $styledata[5] . ';
     147                    border-color:' . $styledata[7] . ';
     148                    border-width: ' . $styledata[163] . 'px;
     149                    border-style:' . $styledata[165] . ';
     150                    display: block;
     151                    -webkit-border-radius: ' . $styledata[153] . 'px;
     152                    -moz-border-radius: ' . $styledata[153] . 'px;
     153                    -ms-border-radius: ' . $styledata[153] . 'px;
     154                    -o-border-radius: ' . $styledata[153] . 'px;
     155                    border-radius: ' . $styledata[153] . 'px;
     156                    overflow: hidden;
     157                }
     158                .oxilab-flip-box-' . $styleid . '-data{
    161159                    position: absolute;
    162160                    left: 0%;
    163                     top: 0%;   
    164                     right: 0;
    165                     bottom: 0;
    166                 }
    167                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image{
    168                     position: absolute;
    169                     top: 0;
    170                     left: 0;
    171                     right: 0;
    172                     margin: <?php echo $styledata[71]; ?>px <?php echo $styledata[77]; ?>px <?php echo $styledata[73]; ?>px <?php echo $styledata[75]; ?>px; 
    173                     display: block; 
    174                 }
    175                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image:after{
    176                     padding-bottom: <?php echo $styledata[69]; ?>%;
     161                    top: 0%;
     162                    right: 0;
     163                    bottom: 0;
     164                }
     165                .oxilab-flip-box-' . $styleid . '-data .oxilab-image{
     166                    position: absolute;
     167                    top: 0;
     168                    left: 0;
     169                    right: 0;
     170                    margin: ' . $styledata[71] . 'px ' . $styledata[77] . 'px ' . $styledata[73] . 'px ' . $styledata[75] . 'px;
     171                    display: block;
     172                }
     173                .oxilab-flip-box-' . $styleid . '-data .oxilab-image:after{
     174                    padding-bottom: ' . $styledata[69] . '%;
    177175                    content: "";
    178176                    display: block;
    179177                }
    180                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image img{
     178                .oxilab-flip-box-' . $styleid . '-data .oxilab-image img{
    181179                    position: absolute;
    182180                    top: 0;
     
    186184                    width: 100%;
    187185                    height:100%;
    188                     display: block; 
    189                 }
    190                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    191                     margin-top: <?php echo $styledata[69]; ?>%;
    192                     color: <?php echo $styledata[13]; ?>;
    193                     display: block;
    194                     text-align: <?php echo $styledata[91]; ?>;           
    195                     font-size: <?php echo $styledata[83]; ?>px;
    196                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    197                     font-weight: <?php echo $styledata[89]; ?>;
    198                     font-style:<?php echo $styledata[87]; ?>;
    199                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    200                 }
    201                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
    202                     position: absolute;
    203                     top: 0;
    204                     left: 0;
    205                     right: 0;
    206                     bottom: 0;
    207                     background-color: <?php echo $styledata[15]; ?>;
    208                     border-color:<?php echo $styledata[9]; ?>;
    209                     border-width: <?php echo $styledata[167]; ?>px;
    210                     border-style:<?php echo $styledata[169]; ?>;
    211                     display: block;
    212                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    213                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    214                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    215                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    216                     border-radius: <?php echo $styledata[153]; ?>px;
    217                     overflow: hidden;     
    218                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    219                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    220                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    221                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    222                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    223                 }
    224                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     186                    display: block;
     187                }
     188                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     189                    margin-top: ' . $styledata[69] . '%;
     190                    color: ' . $styledata[13] . ';
     191                    display: block;
     192                    text-align: ' . $styledata[91] . ';
     193                    font-size: ' . $styledata[83] . 'px;
     194                    font-family: ' . $this->font_familly($styledata[85]) . ';
     195                    font-weight: ' . $styledata[89] . ';
     196                    font-style:' . $styledata[87] . ';
     197                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     198                }
     199                .oxilab-flip-box-back-' . $styleid . '{
     200                    position: absolute;
     201                    top: 0;
     202                    left: 0;
     203                    right: 0;
     204                    bottom: 0;
     205                    background-color: ' . $styledata[15] . ';
     206                    border-color:' . $styledata[9] . ';
     207                    border-width: ' . $styledata[167] . 'px;
     208                    border-style:' . $styledata[169] . ';
     209                    display: block;
     210                    -webkit-border-radius: ' . $styledata[153] . 'px;
     211                    -moz-border-radius: ' . $styledata[153] . 'px;
     212                    -ms-border-radius: ' . $styledata[153] . 'px;
     213                    -o-border-radius: ' . $styledata[153] . 'px;
     214                    border-radius: ' . $styledata[153] . 'px;
     215                    overflow: hidden;
     216                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     217                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     218                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     219                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     220                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     221                }
     222                .oxilab-flip-box-back-' . $styleid . '-data{
    225223                    position: absolute;
    226224                    left: 0%;
    227225                    right: 0;
    228                     top: 50%;           
    229                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     226                    top: 50%;
     227                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    230228                    -webkit-transform: translateY(-50%);
    231229                    -ms-transform: translateY(-50%);
    232230                    -moz-transform: translateY(-50%);
    233231                    -o-transform: translateY(-50%);
    234                     transform: translateY(-50%);           
    235                 }
    236                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    237                     display: block;
    238                     color:  <?php echo $styledata[31]; ?>;
    239                     text-align: <?php echo $styledata[189]; ?>;           
    240                     font-size: <?php echo $styledata[181]; ?>px;         
    241                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    242                     font-weight: <?php echo $styledata[187]; ?>;
    243                     font-style:<?php echo $styledata[185]; ?>;
    244                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    245                 }
    246                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    247                     display: block;
    248                     color: <?php echo $styledata[19]; ?>;
    249                     text-align: <?php echo $styledata[115]; ?>;           
    250                     font-size: <?php echo $styledata[107]; ?>px;         
    251                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    252                     font-weight: <?php echo $styledata[113]; ?>;
    253                     font-style:<?php echo $styledata[111]; ?>;
    254                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    255                 }
    256                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    257                     display: block;
    258                     text-align: <?php echo $styledata[139]; ?>;
    259                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    260                 }
    261                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    262                     display: inline-block;     
    263                     color: <?php echo $styledata[21]; ?>;
    264                     background-color:  <?php echo $styledata[23]; ?>;
    265                     font-size: <?php echo $styledata[125]; ?>px;
    266                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    267                     font-weight: <?php echo $styledata[131]; ?>;
    268                     font-style:<?php echo $styledata[129]; ?>;
    269                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    270                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    271                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    272                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    273                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    274                     border-radius: <?php echo $styledata[137]; ?>px;
    275                 }
    276                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    277                     background-color: <?php echo $styledata[27]; ?>;
    278                     color:  <?php echo $styledata[25]; ?>;
    279                 }
    280                 <?php echo $styledata[199]; ?>;
    281             </style>
     232                    transform: translateY(-50%);
     233                }
     234                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     235                    display: block;
     236                    color:  ' . $styledata[31] . ';
     237                    text-align: ' . $styledata[189] . ';
     238                    font-size: ' . $styledata[181] . 'px;
     239                    font-family: ' . $this->font_familly($styledata[183]) . ';
     240                    font-weight: ' . $styledata[187] . ';
     241                    font-style:' . $styledata[185] . ';
     242                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     243                }
     244                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     245                    display: block;
     246                    color: ' . $styledata[19] . ';
     247                    text-align: ' . $styledata[115] . ';
     248                    font-size: ' . $styledata[107] . 'px;
     249                    font-family: ' . $this->font_familly($styledata[109]) . ';
     250                    font-weight: ' . $styledata[113] . ';
     251                    font-style:' . $styledata[111] . ';
     252                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     253                }
     254                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     255                    display: block;
     256                    text-align: ' . $styledata[139] . ';
     257                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     258                }
     259                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     260                    display: inline-block;
     261                    color: ' . $styledata[21] . ';
     262                    background-color:  ' . $styledata[23] . ';
     263                    font-size: ' . $styledata[125] . 'px;
     264                    font-family: ' . $this->font_familly($styledata[127]) . ';
     265                    font-weight: ' . $styledata[131] . ';
     266                    font-style:' . $styledata[129] . ';
     267                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     268                    -webkit-border-radius: ' . $styledata[137] . 'px;
     269                    -moz-border-radius: ' . $styledata[137] . 'px;
     270                    -ms-border-radius: ' . $styledata[137] . 'px;
     271                    -o-border-radius: ' . $styledata[137] . 'px;
     272                    border-radius: ' . $styledata[137] . 'px;
     273                }
     274                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     275                    background-color: ' . $styledata[27] . ';
     276                    color:  ' . $styledata[25] . ';
     277                }
     278                ' . $styledata[199] . ';';
     279            ?>
     280
     281
    282282        </div>
    283283
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style21.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
    3031        <div class="oxilab-flip-box-wrapper">
    3132            <?php
    32            
    3333            foreach ($listdata as $value) {
    3434                if ($value['files'] != ''):
    35                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3636                    ?>
    37                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    38                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3939                         sa-data-animation-offset="100%"
    4040                         sa-data-animation-delay="0ms"
    41                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4242                         >
    43                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4444                            <?php
    4545                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    46                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    47                                 $fileslinkend = '</a>';
    48                             } else {
    49                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    5047                            }
    5148                            ?>
    5249                            <div class="oxilab-flip-box-body-absulote">
    53                                 <div class="<?php echo $styledata[1]; ?>">
    54                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5552                                        <div class="oxilab-flip-box-style">
    5653                                            <div class="oxilab-flip-box-front">
    57                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
    5855                                                    <div class="oxilab-span">
    5956
    6057                                                    </div>
    61                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     58                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    6259                                                        <div class="oxilab-icon">
    6360                                                            <div class="oxilab-icon-data">
     
    6764                                                        <div class="oxilab-heading">
    6865                                                            <?php echo $this->text_render($filesdata[1]); ?>
    69                                                         </div>                                                       
     66                                                        </div>
    7067                                                    </div>
    7168                                                </div>
    7269                                            </div>
    7370                                            <div class="oxilab-flip-box-back">
    74                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    75                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">                                                       
     71                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     72                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7673                                                        <div class="oxilab-info">
    7774                                                            <?php echo $this->text_render($filesdata[7]); ?>
     
    7976                                                        <?php
    8077                                                        if ($filesdata[9] != '') {
    81                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     78                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8279                                                            echo '<div class="oxilab-button">
    8380                                                                    <div class="oxilab-button-data">
     
    9693                                </div>
    9794                            </div>
    98                             <?php echo $fileslinkend;
    99                               echo $this->admin_edit_panel($value['id']);
     95                            <?php
     96                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     97                                echo '</a>';
     98                            }
     99                            echo $this->admin_edit_panel($value['id']);
    100100                            ?>
    101101
    102102                        </div>
    103103
    104                         <style>
    105                 <?php
    106                 if ($filesdata[5] != '') {
    107                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     104
     105                        <?php
     106                        if ($filesdata[5] != '') {
     107                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    108108background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    109109-moz-background-size: 100% 100%;
     
    111111background-size: 100% 100%;
    112112}';
    113                 }
    114                 if ($filesdata[13] != '') {
    115                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     113                        }
     114                        if ($filesdata[13] != '') {
     115                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    116116background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    117117-moz-background-size: 100% 100%;
     
    119119background-size: 100% 100%;
    120120}';
    121                 }
    122                 ?>
    123                         </style>
     121                        }
     122                        ?>
     123
    124124                    </div>
    125125                    <?php
    126126                endif;
    127127            }
    128             ?>
    129 
    130             <style>
    131                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    132                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    133                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    137                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    138                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    139                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    141                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    142                     animation-duration: <?php echo $styledata[57]; ?>s;
    143                 }
    144                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    145                     max-width: <?php echo $styledata[45]; ?>px;
     128
     129            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     130                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     131                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     132                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     133                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     134                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     135                    transition:  opacity ' . $styledata[57] . 's linear;
     136                    -webkit-animation-duration: ' . $styledata[57] . 's;
     137                    -moz-animation-duration: ' . $styledata[57] . 's;
     138                    -ms-animation-duration: ' . $styledata[57] . 's;
     139                    -o-animation-duration: ' . $styledata[57] . 's;
     140                    animation-duration: ' . $styledata[57] . 's;
     141                }
     142                .oxilab-flip-box-body-' . $styleid . '{
     143                    max-width: ' . $styledata[45] . 'px;
    146144                    width: 100%;
    147145                    margin: 0 auto;
    148                     position: relative;   
    149                 }
    150                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    151                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     146                    position: relative;
     147                }
     148                .oxilab-flip-box-body-' . $styleid . ':after {
     149                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    152150                    content: "";
    153151                    display: block;
    154152                }
    155                 .oxilab-flip-box-<?php echo $styleid; ?>{
     153                .oxilab-flip-box-' . $styleid . '{
    156154                    position: absolute;
    157155                    top: 0;
     
    159157                    right: 0;
    160158                    bottom: 0;
    161                     border-width: <?php echo $styledata[149]; ?>px;
    162                     border-style:<?php echo $styledata[151]; ?>;
    163                     background-color: <?php echo $styledata[5]; ?>;
    164                     border-color: <?php echo $styledata[7]; ?>;
    165                     display: block;
    166                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    167                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    168                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    169                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    170                     border-radius: <?php echo $styledata[153]; ?>px;
     159                    border-width: ' . $styledata[149] . 'px;
     160                    border-style:' . $styledata[151] . ';
     161                    background-color: ' . $styledata[5] . ';
     162                    border-color: ' . $styledata[7] . ';
     163                    display: block;
     164                    -webkit-border-radius: ' . $styledata[153] . 'px;
     165                    -moz-border-radius: ' . $styledata[153] . 'px;
     166                    -ms-border-radius: ' . $styledata[153] . 'px;
     167                    -o-border-radius: ' . $styledata[153] . 'px;
     168                    border-radius: ' . $styledata[153] . 'px;
    171169                    overflow: hidden;
    172                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    173                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    174                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    175                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    176                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    177                 }                   
    178                 .oxilab-flip-box-<?php echo $styleid; ?> .oxilab-span{
     170                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     172                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     173                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     174                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     175                }
     176                .oxilab-flip-box-' . $styleid . ' .oxilab-span{
    179177                    position: absolute;
    180178                    top: 0;
    181179                    left: 0;
    182180                    right: 0;
    183                     background-color:  <?php echo $styledata[11]; ?>;
    184                     height: <?php echo $styledata[75]; ?>px;
    185                     overflow: hidden; 
    186                 }
    187                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     181                    background-color:  ' . $styledata[11] . ';
     182                    height: ' . $styledata[75] . 'px;
     183                    overflow: hidden;
     184                }
     185                .oxilab-flip-box-' . $styleid . '-data{
    188186                    position: absolute;
    189187                    left: 0%;
    190                     bottom: 0%;           
    191                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
    192                     right: 0;
    193                 }
    194                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    195                     display: block;
    196                     text-align: center; 
    197                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px; 
    198                 }
    199                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    200                     display: inline-block; 
    201                 }
    202                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
    203                     line-height:  <?php echo $styledata[79]; ?>px;
    204                     font-size:  <?php echo $styledata[77]; ?>px;
    205                     color: <?php echo $styledata[9]; ?>;
    206                 }
    207                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    208                     display: block;
    209                     color: <?php echo $styledata[13]; ?>;
    210                     text-align: <?php echo $styledata[91]; ?>;           
    211                     font-size: <?php echo $styledata[83]; ?>px;
    212                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    213                     font-weight: <?php echo $styledata[89]; ?>;
    214                     font-style:<?php echo $styledata[87]; ?>;
    215                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    216 
    217                 }       
    218                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     188                    bottom: 0%;
     189                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
     190                    right: 0;
     191                }
     192                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     193                    display: block;
     194                    text-align: center;
     195                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     196                }
     197                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     198                    display: inline-block;
     199                }
     200                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     201                    line-height:  ' . $styledata[79] . 'px;
     202                    font-size:  ' . $styledata[77] . 'px;
     203                    color: ' . $styledata[9] . ';
     204                }
     205                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     206                    display: block;
     207                    color: ' . $styledata[13] . ';
     208                    text-align: ' . $styledata[91] . ';
     209                    font-size: ' . $styledata[83] . 'px;
     210                    font-family: ' . $this->font_familly($styledata[85]) . ';
     211                    font-weight: ' . $styledata[89] . ';
     212                    font-style:' . $styledata[87] . ';
     213                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     214
     215                }
     216                .oxilab-flip-box-back-' . $styleid . '{
    219217                    position: absolute;
    220218                    top: 0;
     
    222220                    right: 0;
    223221                    bottom: 0;
    224                     border-width: <?php echo $styledata[155]; ?>px;
    225                     border-style:<?php echo $styledata[157]; ?>;
    226                     border-color: <?php echo $styledata[17]; ?>;
    227                     background-color: <?php echo $styledata[15]; ?>;
    228                     display: block;
    229                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    230                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    231                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    232                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    233                     border-radius: <?php echo $styledata[153]; ?>px;
     222                    border-width: ' . $styledata[155] . 'px;
     223                    border-style:' . $styledata[157] . ';
     224                    border-color: ' . $styledata[17] . ';
     225                    background-color: ' . $styledata[15] . ';
     226                    display: block;
     227                    -webkit-border-radius: ' . $styledata[153] . 'px;
     228                    -moz-border-radius: ' . $styledata[153] . 'px;
     229                    -ms-border-radius: ' . $styledata[153] . 'px;
     230                    -o-border-radius: ' . $styledata[153] . 'px;
     231                    border-radius: ' . $styledata[153] . 'px;
    234232                    overflow: hidden;
    235                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    236                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    237                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    238                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    239                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    240                 }
    241                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     233                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     234                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     235                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     236                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     237                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     238                }
     239                .oxilab-flip-box-back-' . $styleid . '-data{
    242240                    position: absolute;
    243241                    left: 0%;
    244242                    right: 0;
    245                     top: 50%;           
    246                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     243                    top: 50%;
     244                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    247245                    -webkit-transform: translateY(-50%);
    248246                    -ms-transform: translateY(-50%);
    249247                    -moz-transform: translateY(-50%);
    250248                    -o-transform: translateY(-50%);
    251                     transform: translateY(-50%);           
    252                 }                   
    253                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    254                     display: block;
    255                     color: <?php echo $styledata[19]; ?>;
    256                     text-align: <?php echo $styledata[115]; ?>;           
    257                     font-size: <?php echo $styledata[107]; ?>px;         
    258                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    259                     font-weight: <?php echo $styledata[113]; ?>;
    260                     font-style:<?php echo $styledata[111]; ?>;
    261                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    262 
    263                 }
    264                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    265                     display: block;
    266                     text-align: <?php echo $styledata[139]; ?>;
    267                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    268                 }
    269                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    270                     display: inline-block;     
    271                     font-size: <?php echo $styledata[125]; ?>px;
    272                     color: <?php echo $styledata[21]; ?>;
    273                     background-color:  <?php echo $styledata[23]; ?>;
    274                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    275                     font-weight: <?php echo $styledata[131]; ?>;
    276                     font-style:<?php echo $styledata[129]; ?>;
    277                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    278                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    279                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    280                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    281                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    282                     border-radius: <?php echo $styledata[137]; ?>px;
    283                 }
    284                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    285                     background-color: <?php echo $styledata[27]; ?>;
    286                     color:  <?php echo $styledata[25]; ?>;
    287                 }
    288                 <?php echo $styledata[163]; ?>;
    289             </style>
     249                    transform: translateY(-50%);
     250                }
     251                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     252                    display: block;
     253                    color: ' . $styledata[19] . ';
     254                    text-align: ' . $styledata[115] . ';
     255                    font-size: ' . $styledata[107] . 'px;
     256                    font-family: ' . $this->font_familly($styledata[109]) . ';
     257                    font-weight: ' . $styledata[113] . ';
     258                    font-style:' . $styledata[111] . ';
     259                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     260
     261                }
     262                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     263                    display: block;
     264                    text-align: ' . $styledata[139] . ';
     265                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     266                }
     267                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     268                    display: inline-block;
     269                    font-size: ' . $styledata[125] . 'px;
     270                    color: ' . $styledata[21] . ';
     271                    background-color:  ' . $styledata[23] . ';
     272                    font-family: ' . $this->font_familly($styledata[127]) . ';
     273                    font-weight: ' . $styledata[131] . ';
     274                    font-style:' . $styledata[129] . ';
     275                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     276                    -webkit-border-radius: ' . $styledata[137] . 'px;
     277                    -moz-border-radius: ' . $styledata[137] . 'px;
     278                    -ms-border-radius: ' . $styledata[137] . 'px;
     279                    -o-border-radius: ' . $styledata[137] . 'px;
     280                    border-radius: ' . $styledata[137] . 'px;
     281                }
     282                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     283                    background-color: ' . $styledata[27] . ';
     284                    color:  ' . $styledata[25] . ';
     285                }
     286                ' . $styledata[163] . ';';
     287            ?>
     288
     289
    290290        </div>
    291291        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style22.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <img src="<?php echo $filesdata[5]; ?>">
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <img src="<?php echo esc_url($filesdata[5]); ?>">
    5856                                                </div>
    5957                                            </div>
    6058                                            <div class="oxilab-flip-box-back">
    61                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    62                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     59                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     60                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    6361                                                        <div class="oxilab-heading">
    6462                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7068                                                        <?php
    7169                                                        if ($filesdata[9] != '') {
    72                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     70                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    7371                                                            echo '<div class="oxilab-button">
    7472                                                                    <div class="oxilab-button-data">
     
    8684                                </div>
    8785                            </div>
    88                             <?php echo $fileslinkend;
    89                               echo $this->admin_edit_panel($value['id']);
     86                            <?php
     87                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     88                                echo '</a>';
     89                            }
     90                            echo $this->admin_edit_panel($value['id']);
    9091                            ?>
    9192                        </div>
    92                         <style>       
    93                 <?php
    94                 if ($filesdata[13] != '') {
    95                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     93
     94                        <?php
     95                        if ($filesdata[13] != '') {
     96                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    9697background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    9798-moz-background-size: 100% 100%;
     
    99100background-size: 100% 100%;
    100101}';
    101                 }
    102                 ?>
    103                         </style>
     102                        }
     103                        ?>
     104
    104105                    </div>
    105106                    <?php
    106107                endif;
    107108            }
    108             ?>
    109             <style>
    110                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    111                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    112                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    113                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    114                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    115                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    116                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    117                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    118                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    119                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    120                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    121                     animation-duration: <?php echo $styledata[57]; ?>s;
    122                 }
    123                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    124                     max-width: <?php echo $styledata[45]; ?>px;
     109            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     110                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     111                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     112                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     113                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     114                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     115                    transition:  opacity ' . $styledata[57] . 's linear;
     116                    -webkit-animation-duration: ' . $styledata[57] . 's;
     117                    -moz-animation-duration: ' . $styledata[57] . 's;
     118                    -ms-animation-duration: ' . $styledata[57] . 's;
     119                    -o-animation-duration: ' . $styledata[57] . 's;
     120                    animation-duration: ' . $styledata[57] . 's;
     121                }
     122                .oxilab-flip-box-body-' . $styleid . '{
     123                    max-width: ' . $styledata[45] . 'px;
    125124                    width: 100%;
    126125                    margin: 0 auto;
    127                     position: relative;   
    128                 }
    129                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    130                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     126                    position: relative;
     127                }
     128                .oxilab-flip-box-body-' . $styleid . ':after {
     129                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    131130                    content: "";
    132131                    display: block;
    133132                }
    134                 .oxilab-flip-box-<?php echo $styleid; ?>{
     133                .oxilab-flip-box-' . $styleid . '{
    135134                    position: absolute;
    136135                    top: 0;
     
    138137                    right: 0;
    139138                    bottom: 0;
    140                     display: block; 
    141                     background-color: <?php echo $styledata[5]; ?>;
    142                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    143                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    144                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    145                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    146                     border-radius: <?php echo $styledata[153]; ?>px;
     139                    display: block;
     140                    background-color: ' . $styledata[5] . ';
     141                    -webkit-border-radius: ' . $styledata[153] . 'px;
     142                    -moz-border-radius: ' . $styledata[153] . 'px;
     143                    -ms-border-radius: ' . $styledata[153] . 'px;
     144                    -o-border-radius: ' . $styledata[153] . 'px;
     145                    border-radius: ' . $styledata[153] . 'px;
    147146                    overflow: hidden;
    148                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    149                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    150                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    151                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    152                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    153                 }
    154                 .oxilab-flip-box-<?php echo $styleid; ?> img{
     147                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     148                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     149                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     150                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     151                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     152                }
     153                .oxilab-flip-box-' . $styleid . ' img{
    155154                    position: absolute;
    156155                    top: 0;
     
    161160                    bottom: 0;
    162161                    display: block;
    163                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    164                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    165                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    166                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    167                     border-radius:<?php echo $styledata[153]; ?>px;
     162                    -webkit-border-radius: ' . $styledata[153] . 'px;
     163                    -moz-border-radius: ' . $styledata[153] . 'px;
     164                    -ms-border-radius: ' . $styledata[153] . 'px;
     165                    -o-border-radius: ' . $styledata[153] . 'px;
     166                    border-radius:' . $styledata[153] . 'px;
    168167                    overflow: hidden;
    169168                }
    170                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     169                .oxilab-flip-box-back-' . $styleid . '{
    171170                    position: absolute;
    172171                    top: 0;
     
    174173                    right: 0;
    175174                    bottom: 0;
    176                     display: block;     
    177                     background-color: <?php echo $styledata[15]; ?>;
    178                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    179                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    180                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    181                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    182                     border-radius: <?php echo $styledata[153]; ?>px;
     175                    display: block;
     176                    background-color: ' . $styledata[15] . ';
     177                    -webkit-border-radius: ' . $styledata[153] . 'px;
     178                    -moz-border-radius: ' . $styledata[153] . 'px;
     179                    -ms-border-radius: ' . $styledata[153] . 'px;
     180                    -o-border-radius: ' . $styledata[153] . 'px;
     181                    border-radius: ' . $styledata[153] . 'px;
    183182                    overflow: hidden;
    184                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    185                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    186                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    187                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    188                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    189                 }
    190                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     183                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     184                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     185                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     186                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     187                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     188                }
     189                .oxilab-flip-box-back-' . $styleid . '-data{
    191190                    position: absolute;
    192191                    left: 0%;
    193192                    right: 0;
    194                     top: 50%;           
    195                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     193                    top: 50%;
     194                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    196195                    -webkit-transform: translateY(-50%);
    197196                    -ms-transform: translateY(-50%);
    198197                    -moz-transform: translateY(-50%);
    199198                    -o-transform: translateY(-50%);
    200                     transform: translateY(-50%);           
    201                 }
    202                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
     199                    transform: translateY(-50%);
     200                }
     201                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
    203202                    display: block;
    204203                    position: relative;
    205                     color:  <?php echo $styledata[31]; ?>;
    206                     text-align: <?php echo $styledata[189]; ?>;           
    207                     font-size: <?php echo $styledata[181]; ?>px;         
    208                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    209                     font-weight: <?php echo $styledata[187]; ?>;
    210                     font-style:<?php echo $styledata[185]; ?>;
    211                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    212                 }
    213                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     204                    color:  ' . $styledata[31] . ';
     205                    text-align: ' . $styledata[189] . ';
     206                    font-size: ' . $styledata[181] . 'px;
     207                    font-family: ' . $this->font_familly($styledata[183]) . ';
     208                    font-weight: ' . $styledata[187] . ';
     209                    font-style:' . $styledata[185] . ';
     210                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     211                }
     212                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{
    214213                    position: absolute;
    215214                    left: 50%;
    216                     bottom: 0%;     
    217                     background-color: <?php echo $styledata[7]; ?>;
    218                     width: <?php echo $styledata[155]; ?>px;
    219                     height: <?php echo $styledata[157]; ?>px;         
     215                    bottom: 0%;
     216                    background-color: ' . $styledata[7] . ';
     217                    width: ' . $styledata[155] . 'px;
     218                    height: ' . $styledata[157] . 'px;
    220219                    -webkit-transform: translateX(-50%);
    221220                    -ms-transform: translateX(-50%);
     
    224223                    transform: translateX(-50%);
    225224                }
    226                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    227                     display: block;
    228                     color: <?php echo $styledata[19]; ?>;
    229                     text-align: <?php echo $styledata[115]; ?>;           
    230                     font-size: <?php echo $styledata[107]; ?>px;         
    231                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    232                     font-weight: <?php echo $styledata[113]; ?>;
    233                     font-style:<?php echo $styledata[111]; ?>;
    234                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    235 
    236                 }
    237                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    238                     display: block;
    239                     text-align: <?php echo $styledata[139]; ?>;
    240                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    241                 }
    242                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    243                     display: inline-block;   
    244                     color: <?php echo $styledata[21]; ?>;
    245                     background-color:  <?php echo $styledata[23]; ?>;
    246                     font-size: <?php echo $styledata[125]; ?>px;
    247                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    248                     font-weight: <?php echo $styledata[131]; ?>;
    249                     font-style:<?php echo $styledata[129]; ?>;
    250                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    251                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    252                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    253                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    254                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    255                     border-radius: <?php echo $styledata[137]; ?>px;
    256                 }     
    257                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    258                     background-color: <?php echo $styledata[27]; ?>;
    259                     color:  <?php echo $styledata[25]; ?>;
    260                 }
    261                 <?php echo $styledata[199]; ?>;
    262             </style>
     225                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     226                    display: block;
     227                    color: ' . $styledata[19] . ';
     228                    text-align: ' . $styledata[115] . ';
     229                    font-size: ' . $styledata[107] . 'px;
     230                    font-family: ' . $this->font_familly($styledata[109]) . ';
     231                    font-weight: ' . $styledata[113] . ';
     232                    font-style:' . $styledata[111] . ';
     233                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     234
     235                }
     236                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     237                    display: block;
     238                    text-align: ' . $styledata[139] . ';
     239                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     240                }
     241                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     242                    display: inline-block;
     243                    color: ' . $styledata[21] . ';
     244                    background-color:  ' . $styledata[23] . ';
     245                    font-size: ' . $styledata[125] . 'px;
     246                    font-family: ' . $this->font_familly($styledata[127]) . ';
     247                    font-weight: ' . $styledata[131] . ';
     248                    font-style:' . $styledata[129] . ';
     249                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     250                    -webkit-border-radius: ' . $styledata[137] . 'px;
     251                    -moz-border-radius: ' . $styledata[137] . 'px;
     252                    -ms-border-radius: ' . $styledata[137] . 'px;
     253                    -o-border-radius: ' . $styledata[137] . 'px;
     254                    border-radius: ' . $styledata[137] . 'px;
     255                }
     256                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     257                    background-color: ' . $styledata[27] . ';
     258                    color:  ' . $styledata[25] . ';
     259                }
     260                ' . $styledata[199] . ';';
     261            ?>
     262
    263263        </div>
    264264        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style23.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3132            <?php
    3233            foreach ($listdata as $value) {
    33                 $filesdata = explode("{#}|{#}", $value['files']);
     34                $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3435                ?>
    35                 <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    36                      sa-data-animation="<?php echo $styledata[55]; ?>"
     36                <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     37                     sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3738                     sa-data-animation-offset="100%"
    3839                     sa-data-animation-delay="0ms"
    39                      sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">
    40                     <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     40                     sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms">
     41                    <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4142                        <?php
    4243                        if ($filesdata[11] != '') {
    43                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    44                             $fileslinkend = '</a>';
    45                         } else {
    46                             $fileslinkend = '';
     44                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4745                        }
    4846                        ?>
    4947                        <div class="oxilab-flip-box-body-absulote">
    50                             <div class="<?php echo $styledata[1]; ?>">
    51                                 <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     48                            <div class="<?php echo esc_attr($styledata[1]); ?>">
     49                                <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5250                                    <div class="oxilab-flip-box-style">
    5351                                        <div class="oxilab-flip-box-front">
    54                                             <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     52                                            <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5654                                                    <div class="oxilab-icon">
    5755                                                        <div class="oxilab-icon-data">
     
    7068                                        </div>
    7169                                        <div class="oxilab-flip-box-back">
    72                                             <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    73                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     70                                            <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     71                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7472                                                    <div class="oxilab-heading">
    7573                                                        <?php echo $this->text_render($filesdata[17]); ?>
     
    7977                                                    <div class="oxilab-info">
    8078                                                        <?php echo $this->text_render($filesdata[7]); ?>
    81                                                     </div> 
     79                                                    </div>
    8280                                                </div>
    8381                                            </div>
     
    8785                            </div>
    8886                        </div>
    89                         <?php echo $fileslinkend;
    90                          echo $this->admin_edit_panel($value['id']);
     87                        <?php
     88                        if ($filesdata[11] != '') {
     89                            echo '</a>';
     90                        }
     91                        echo $this->admin_edit_panel($value['id']);
    9192                        ?>
    9293                    </div>
    93                     <style>
    94             <?php
    95             if ($filesdata[5] != '') {
    96                 echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{
     94
     95                    <?php
     96                    if ($filesdata[5] != '') {
     97                        $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{
    9798background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    9899-moz-background-size: 100% 100%;
     
    100101background-size: 100% 100%;
    101102}';
    102             }
    103             if ($filesdata[13] != '') {
    104                 echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
     103                    }
     104                    if ($filesdata[13] != '') {
     105                        $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
    105106background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    106107-moz-background-size: 100% 100%;
     
    108109background-size: 100% 100%;
    109110}';
    110             }
    111             ?>
    112                     </style>
     111                    }
     112                    ?>
     113
    113114                </div>
    114115                <?php
    115116            }
    116             ?>
    117             <style>
    118                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    119                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    120                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    121                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    122                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    123                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    124                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    125                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    126                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    127                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    128                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    129                     animation-duration: <?php echo $styledata[57]; ?>s;
    130                 }
    131                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    132                     max-width: <?php echo $styledata[45]; ?>px;
     117
     118            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     119                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     120                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     121                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     122                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     123                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     124                    transition:  opacity ' . $styledata[57] . 's linear;
     125                    -webkit-animation-duration: ' . $styledata[57] . 's;
     126                    -moz-animation-duration: ' . $styledata[57] . 's;
     127                    -ms-animation-duration: ' . $styledata[57] . 's;
     128                    -o-animation-duration: ' . $styledata[57] . 's;
     129                    animation-duration: ' . $styledata[57] . 's;
     130                }
     131                .oxilab-flip-box-body-' . $styleid . '{
     132                    max-width: ' . $styledata[45] . 'px;
    133133                    width: 100%;
    134134                    margin: 0 auto;
    135                     position: relative;   
    136                 }
    137                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    138                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     135                    position: relative;
     136                }
     137                .oxilab-flip-box-body-' . $styleid . ':after {
     138                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    139139                    content: "";
    140140                    display: block;
    141141                }
    142                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{           
    143                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    144                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    145                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    146                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    147                     border-radius: <?php echo $styledata[153]; ?>px;
    148                     background-color: <?php echo $styledata[5]; ?>;
     142                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
     143                    -webkit-border-radius: ' . $styledata[153] . 'px;
     144                    -moz-border-radius: ' . $styledata[153] . 'px;
     145                    -ms-border-radius: ' . $styledata[153] . 'px;
     146                    -o-border-radius: ' . $styledata[153] . 'px;
     147                    border-radius: ' . $styledata[153] . 'px;
     148                    background-color: ' . $styledata[5] . ';
    149149                    overflow: hidden;
    150                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    151                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    152                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    153                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    154                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    155                 }
    156                 .oxilab-flip-box-<?php echo $styleid; ?>{
     150                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     151                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     152                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     153                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     154                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     155                }
     156                .oxilab-flip-box-' . $styleid . '{
    157157                    position: absolute;
    158158                    top: 0;
     
    160160                    right: 0;
    161161                    bottom: 0;
    162                     margin: <?php echo $styledata[105]; ?>px;
    163                     border-width: <?php echo $styledata[149]; ?>px;
    164                     border-style:<?php echo $styledata[151]; ?>;   
    165                     border-color: <?php echo $styledata[7]; ?>;
    166                     display: block;
    167                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    168                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    169                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    170                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    171                     border-radius: <?php echo $styledata[153]; ?>px;
     162                    margin: ' . $styledata[105] . 'px;
     163                    border-width: ' . $styledata[149] . 'px;
     164                    border-style:' . $styledata[151] . ';
     165                    border-color: ' . $styledata[7] . ';
     166                    display: block;
     167                    -webkit-border-radius: ' . $styledata[153] . 'px;
     168                    -moz-border-radius: ' . $styledata[153] . 'px;
     169                    -ms-border-radius: ' . $styledata[153] . 'px;
     170                    -o-border-radius: ' . $styledata[153] . 'px;
     171                    border-radius: ' . $styledata[153] . 'px;
    172172                    overflow: hidden;
    173173                }
    174                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     174                .oxilab-flip-box-' . $styleid . '-data{
    175175                    position: absolute;
    176176                    left: 0%;
    177                     top: 50%;           
    178                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     177                    top: 50%;
     178                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    179179                    -webkit-transform: translateY(-50%);
    180180                    -ms-transform: translateY(-50%);
     
    184184                    right: 0;
    185185                }
    186                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    187                     display: block;
    188                     text-align: center; 
    189                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    190                 }
    191                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    192                     display: inline-block; 
    193                     background-color: <?php echo $styledata[11]; ?>;
    194                     width: <?php echo $styledata[79]; ?>px;
    195                     height: <?php echo $styledata[79]; ?>px;
    196                     webkit-border-radius: <?php echo $styledata[81]; ?>px;
    197                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    198                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    199                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    200                     border-radius:<?php echo $styledata[81]; ?>px;
    201                 }
    202                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    203                     line-height:<?php echo $styledata[79]; ?>px;
    204                     font-size: <?php echo $styledata[77]; ?>px;
    205                     color: <?php echo $styledata[9]; ?>;
    206                 }
    207                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    208                     display: block;
    209                     color: <?php echo $styledata[13]; ?>;
    210                     text-align: <?php echo $styledata[91]; ?>;           
    211                     font-size: <?php echo $styledata[83]; ?>px;
    212                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    213                     font-weight: <?php echo $styledata[89]; ?>;
    214                     font-style:<?php echo $styledata[87]; ?>;
    215                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    216                 }
    217 
    218                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    219                     display: block;
    220                     color: <?php echo $styledata[19]; ?>;
    221                     text-align: <?php echo $styledata[171]; ?>;           
    222                     font-size: <?php echo $styledata[163]; ?>px;
    223                     font-family: <?php echo $this->font_familly($styledata[165]); ?>;
    224                     font-weight: <?php echo $styledata[169]; ?>;
    225                     font-style:<?php echo $styledata[167]; ?>;
    226                     padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;
    227                 }
    228                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
    229                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    230                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    231                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    232                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    233                     border-radius: <?php echo $styledata[153]; ?>px;
    234                     background-color: <?php echo $styledata[15]; ?>;
     186                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     187                    display: block;
     188                    text-align: center;
     189                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     190                }
     191                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     192                    display: inline-block;
     193                    background-color: ' . $styledata[11] . ';
     194                    width: ' . $styledata[79] . 'px;
     195                    height: ' . $styledata[79] . 'px;
     196                    webkit-border-radius: ' . $styledata[81] . 'px;
     197                    -moz-border-radius: ' . $styledata[81] . 'px;
     198                    -ms-border-radius: ' . $styledata[81] . 'px;
     199                    -o-border-radius: ' . $styledata[81] . 'px;
     200                    border-radius:' . $styledata[81] . 'px;
     201                }
     202                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     203                    line-height:' . $styledata[79] . 'px;
     204                    font-size: ' . $styledata[77] . 'px;
     205                    color: ' . $styledata[9] . ';
     206                }
     207                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     208                    display: block;
     209                    color: ' . $styledata[13] . ';
     210                    text-align: ' . $styledata[91] . ';
     211                    font-size: ' . $styledata[83] . 'px;
     212                    font-family: ' . $this->font_familly($styledata[85]) . ';
     213                    font-weight: ' . $styledata[89] . ';
     214                    font-style:' . $styledata[87] . ';
     215                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     216                }
     217
     218                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     219                    display: block;
     220                    color: ' . $styledata[19] . ';
     221                    text-align: ' . $styledata[171] . ';
     222                    font-size: ' . $styledata[163] . 'px;
     223                    font-family: ' . $this->font_familly($styledata[165]) . ';
     224                    font-weight: ' . $styledata[169] . ';
     225                    font-style:' . $styledata[167] . ';
     226                    padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px;
     227                }
     228                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
     229                    -webkit-border-radius: ' . $styledata[153] . 'px;
     230                    -moz-border-radius: ' . $styledata[153] . 'px;
     231                    -ms-border-radius: ' . $styledata[153] . 'px;
     232                    -o-border-radius: ' . $styledata[153] . 'px;
     233                    border-radius: ' . $styledata[153] . 'px;
     234                    background-color: ' . $styledata[15] . ';
    235235                    overflow: hidden;
    236                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    237                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    238                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    239                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    240                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    241                 }
    242                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     236                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     237                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     238                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     239                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     240                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     241                }
     242                .oxilab-flip-box-back-' . $styleid . '{
    243243                    position: absolute;
    244244                    top: 0;
     
    246246                    right: 0;
    247247                    bottom: 0;
    248                     margin: <?php echo $styledata[69]; ?>px;
    249                     border-width: <?php echo $styledata[155]; ?>px;
    250                     border-style:<?php echo $styledata[157]; ?>; 
    251                     border-color: <?php echo $styledata[23]; ?>;
    252                     display: block;
    253                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    254                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    255                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    256                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    257                     border-radius: <?php echo $styledata[153]; ?>px;
     248                    margin: ' . $styledata[69] . 'px;
     249                    border-width: ' . $styledata[155] . 'px;
     250                    border-style:' . $styledata[157] . ';
     251                    border-color: ' . $styledata[23] . ';
     252                    display: block;
     253                    -webkit-border-radius: ' . $styledata[153] . 'px;
     254                    -moz-border-radius: ' . $styledata[153] . 'px;
     255                    -ms-border-radius: ' . $styledata[153] . 'px;
     256                    -o-border-radius: ' . $styledata[153] . 'px;
     257                    border-radius: ' . $styledata[153] . 'px;
    258258                    overflow: hidden;
    259259                }
    260                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     260                .oxilab-flip-box-back-' . $styleid . '-data{
    261261                    position: absolute;
    262262                    left: 0%;
    263263                    right: 0;
    264                     top: 50%;           
    265                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     264                    top: 50%;
     265                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    266266                    -webkit-transform: translateY(-50%);
    267267                    -ms-transform: translateY(-50%);
    268268                    -moz-transform: translateY(-50%);
    269269                    -o-transform: translateY(-50%);
    270                     transform: translateY(-50%);           
    271                 }
    272                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
     270                    transform: translateY(-50%);
     271                }
     272                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
    273273                    display: block;
    274274                    position: relative;
    275                     color: <?php echo $styledata[21]; ?>;
    276                     text-align: <?php echo $styledata[189]; ?>;           
    277                     font-size: <?php echo $styledata[181]; ?>px;         
    278                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    279                     font-weight: <?php echo $styledata[187]; ?>;
    280                     font-style:<?php echo $styledata[185]; ?>;
    281                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    282                 }
    283                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     275                    color: ' . $styledata[21] . ';
     276                    text-align: ' . $styledata[189] . ';
     277                    font-size: ' . $styledata[181] . 'px;
     278                    font-family: ' . $this->font_familly($styledata[183]) . ';
     279                    font-weight: ' . $styledata[187] . ';
     280                    font-style:' . $styledata[185] . ';
     281                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     282                }
     283                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{
    284284                    position: absolute;
    285285                    left: 50%;
    286286                    bottom: 0;
    287                     width: <?php echo $styledata[131]; ?>px;   
    288                     height: <?php echo $styledata[133]; ?>px;
    289                     background-color: <?php echo $styledata[25]; ?>;
     287                    width: ' . $styledata[131] . 'px;
     288                    height: ' . $styledata[133] . 'px;
     289                    background-color: ' . $styledata[25] . ';
    290290                    -webkit-transform: translateX(-50%);
    291291                    -ms-transform: translateX(-50%);
     
    294294                    transform: translateX(-50%);
    295295                }
    296                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    297                     display: block;
    298                     color: <?php echo $styledata[17]; ?>;
    299                     text-align: <?php echo $styledata[115]; ?>;           
    300                     font-size: <?php echo $styledata[107]; ?>px;         
    301                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    302                     font-weight: <?php echo $styledata[113]; ?>;
    303                     font-style:<?php echo $styledata[111]; ?>;
    304                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    305                 }   
    306                 <?php echo $styledata[199]; ?>;
    307             </style>
     296                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     297                    display: block;
     298                    color: ' . $styledata[17] . ';
     299                    text-align: ' . $styledata[115] . ';
     300                    font-size: ' . $styledata[107] . 'px;
     301                    font-family: ' . $this->font_familly($styledata[109]) . ';
     302                    font-weight: ' . $styledata[113] . ';
     303                    font-style:' . $styledata[111] . ';
     304                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     305                }
     306                ' . $styledata[199] . ';';
     307            ?>
     308
    308309        </div>
    309310        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style24.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    7270                                            </div>
    7371                                            <div class="oxilab-flip-box-back">
    74                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    75                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     72                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     73                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7674                                                        <div class="oxilab-icon">
    7775                                                            <div class="oxilab-icon-data">
     
    9290                                </div>
    9391                            </div>
    94                             <?php echo $fileslinkend;
    95                              echo $this->admin_edit_panel($value['id']);
     92                            <?php
     93                            if ($filesdata[11] != '') {
     94                                echo '</a>';
     95                            }
     96                            echo $this->admin_edit_panel($value['id']);
    9697                            ?>
    9798
    9899                        </div>
    99100
    100                         <style>
    101                 <?php
    102                 if ($filesdata[5] != '') {
    103                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     101
     102                        <?php
     103                        if ($filesdata[5] != '') {
     104                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    104105background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    105106-moz-background-size: 100% 100%;
     
    107108background-size: 100% 100%;
    108109}';
    109                 }
    110                 if ($filesdata[13] != '') {
    111                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     110                        }
     111                        if ($filesdata[13] != '') {
     112                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    112113background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    113114-moz-background-size: 100% 100%;
     
    115116background-size: 100% 100%;
    116117}';
    117                 }
    118                 ?>
    119                         </style>
     118                        }
     119                        ?>
     120
    120121                    </div>
    121122                    <?php
    122123                endif;
    123124            }
    124             ?>
    125             <style>
    126                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    127                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    128                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    129                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    130                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    131                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    132                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    134                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    135                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    136                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    137                     animation-duration: <?php echo $styledata[57]; ?>s;
    138                 }
    139                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    140                     max-width: <?php echo $styledata[45]; ?>px;
     125
     126            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     127                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     128                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     129                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     130                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     131                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     132                    transition:  opacity ' . $styledata[57] . 's linear;
     133                    -webkit-animation-duration: ' . $styledata[57] . 's;
     134                    -moz-animation-duration: ' . $styledata[57] . 's;
     135                    -ms-animation-duration: ' . $styledata[57] . 's;
     136                    -o-animation-duration: ' . $styledata[57] . 's;
     137                    animation-duration: ' . $styledata[57] . 's;
     138                }
     139                .oxilab-flip-box-body-' . $styleid . '{
     140                    max-width: ' . $styledata[45] . 'px;
    141141                    width: 100%;
    142142                    margin: 0 auto;
    143                     position: relative;   
    144                 }
    145                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    146                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     143                    position: relative;
     144                }
     145                .oxilab-flip-box-body-' . $styleid . ':after {
     146                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    147147                    content: "";
    148148                    display: block;
    149149                }
    150                 .oxilab-flip-box-<?php echo $styleid; ?>{
     150                .oxilab-flip-box-' . $styleid . '{
    151151                    position: absolute;
    152152                    top: 0;
     
    154154                    right: 0;
    155155                    bottom: 0;
    156                     border-width: <?php echo $styledata[149]; ?>px;
    157                     border-style:<?php echo $styledata[151]; ?>;
    158                     border-color: <?php echo $styledata[7]; ?>;
    159                     background-color: <?php echo $styledata[5]; ?>;
    160                     display: block;
    161                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    162                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    163                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    164                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    165                     border-radius: <?php echo $styledata[153]; ?>px;
     156                    border-width: ' . $styledata[149] . 'px;
     157                    border-style:' . $styledata[151] . ';
     158                    border-color: ' . $styledata[7] . ';
     159                    background-color: ' . $styledata[5] . ';
     160                    display: block;
     161                    -webkit-border-radius: ' . $styledata[153] . 'px;
     162                    -moz-border-radius: ' . $styledata[153] . 'px;
     163                    -ms-border-radius: ' . $styledata[153] . 'px;
     164                    -o-border-radius: ' . $styledata[153] . 'px;
     165                    border-radius: ' . $styledata[153] . 'px;
    166166                    overflow: hidden;
    167                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    168                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    169                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    171                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                 }
    173                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     167                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     172                }
     173                .oxilab-flip-box-' . $styleid . '-data{
    174174                    position: absolute;
    175175                    left: 0%;
    176                     top: 0%;           
    177                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
    178                     right: 0;
    179                 }
    180                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    181                     display: block;
    182                     width: 100%;
    183                     text-align: center; 
    184                 }
    185                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    186                     display: inline-block; 
    187                     width: 100%;         
    188                     background-color: <?php echo $styledata[11]; ?>;
    189                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    190                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    191                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    192                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    193                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    194                     border-radius:<?php echo $styledata[81]; ?>px;
    195                 }
    196                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
    197                     font-size: <?php echo $styledata[77]; ?>px;
    198                     color: <?php echo $styledata[9]; ?>;
    199                 }
    200                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    201                     display: block;
    202                     color: <?php echo $styledata[13]; ?>;
    203                     text-align: <?php echo $styledata[91]; ?>;           
    204                     font-size: <?php echo $styledata[83]; ?>px;
    205                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    206                     font-weight: <?php echo $styledata[89]; ?>;
    207                     font-style:<?php echo $styledata[87]; ?>;
    208                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    209                 }
    210                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    211                     display: block;
    212                     color: <?php echo $styledata[19]; ?>;
    213                     text-align: <?php echo $styledata[171]; ?>;           
    214                     font-size: <?php echo $styledata[163]; ?>px;
    215                     font-family: <?php echo $this->font_familly($styledata[165]); ?>;
    216                     font-weight: <?php echo $styledata[169]; ?>;
    217                     font-style:<?php echo $styledata[167]; ?>;
    218                     padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;
    219                 }
    220                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     176                    top: 0%;
     177                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
     178                    right: 0;
     179                }
     180                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     181                    display: block;
     182                    width: 100%;
     183                    text-align: center;
     184                }
     185                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     186                    display: inline-block;
     187                    width: 100%;
     188                    background-color: ' . $styledata[11] . ';
     189                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     190                    -webkit-border-radius: ' . $styledata[81] . 'px;
     191                    -moz-border-radius: ' . $styledata[81] . 'px;
     192                    -ms-border-radius: ' . $styledata[81] . 'px;
     193                    -o-border-radius: ' . $styledata[81] . 'px;
     194                    border-radius:' . $styledata[81] . 'px;
     195                }
     196                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     197                    font-size: ' . $styledata[77] . 'px;
     198                    color: ' . $styledata[9] . ';
     199                }
     200                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     201                    display: block;
     202                    color: ' . $styledata[13] . ';
     203                    text-align: ' . $styledata[91] . ';
     204                    font-size: ' . $styledata[83] . 'px;
     205                    font-family: ' . $this->font_familly($styledata[85]) . ';
     206                    font-weight: ' . $styledata[89] . ';
     207                    font-style:' . $styledata[87] . ';
     208                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     209                }
     210                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     211                    display: block;
     212                    color: ' . $styledata[19] . ';
     213                    text-align: ' . $styledata[171] . ';
     214                    font-size: ' . $styledata[163] . 'px;
     215                    font-family: ' . $this->font_familly($styledata[165]) . ';
     216                    font-weight: ' . $styledata[169] . ';
     217                    font-style:' . $styledata[167] . ';
     218                    padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px;
     219                }
     220                .oxilab-flip-box-back-' . $styleid . '{
    221221                    position: absolute;
    222222                    top: 0;
     
    224224                    right: 0;
    225225                    bottom: 0;
    226                     border-width: <?php echo $styledata[155]; ?>px;
    227                     border-style:<?php echo $styledata[157]; ?>;
    228                     border-color: <?php echo $styledata[23]; ?>;
    229                     background-color: <?php echo $styledata[15]; ?>;
    230                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    231                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    232                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    233                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    234                     border-radius: <?php echo $styledata[153]; ?>px;
     226                    border-width: ' . $styledata[155] . 'px;
     227                    border-style:' . $styledata[157] . ';
     228                    border-color: ' . $styledata[23] . ';
     229                    background-color: ' . $styledata[15] . ';
     230                    -webkit-border-radius: ' . $styledata[153] . 'px;
     231                    -moz-border-radius: ' . $styledata[153] . 'px;
     232                    -ms-border-radius: ' . $styledata[153] . 'px;
     233                    -o-border-radius: ' . $styledata[153] . 'px;
     234                    border-radius: ' . $styledata[153] . 'px;
    235235                    overflow: hidden;
    236                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    237                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    238                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    239                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    240                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    241                 }
    242                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     236                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     237                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     238                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     239                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     240                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     241                }
     242                .oxilab-flip-box-back-' . $styleid . '-data{
    243243                    position: absolute;
    244244                    left: 0%;
    245245                    right: 0;
    246                     top: 0%;           
    247                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;       
    248                 }
    249                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon{
    250                     display: block;
    251                     width: 100%;
    252                     text-align: center;
    253                 }
    254                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data{
    255                     display: inline-block; 
    256                     width: 100%;         
    257                     background-color: <?php echo $styledata[27]; ?>;
    258                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[143]; ?>px; ; 
    259                     -webkit-border-radius: <?php echo $styledata[139]; ?>px;
    260                     -moz-border-radius: <?php echo $styledata[139]; ?>px;
    261                     -ms-border-radius: <?php echo $styledata[139]; ?>px;
    262                     -o-border-radius: <?php echo $styledata[139]; ?>px;
    263                     border-radius: <?php echo $styledata[139]; ?>px;
    264                 }
    265                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{
    266                     font-size: <?php echo $styledata[137]; ?>px;
    267                     color: <?php echo $styledata[25]; ?>;
    268                 }
    269                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    270                     display: block;
    271                     color: <?php echo $styledata[21]; ?>;
    272                     text-align: <?php echo $styledata[189]; ?>;           
    273                     font-size: <?php echo $styledata[181]; ?>px;         
    274                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    275                     font-weight: <?php echo $styledata[187]; ?>;
    276                     font-style:<?php echo $styledata[185]; ?>;
    277                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    278                 }
    279                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    280                     display: block;
    281                     color: <?php echo $styledata[17]; ?>;
    282                     text-align: <?php echo $styledata[115]; ?>;           
    283                     font-size: <?php echo $styledata[107]; ?>px;         
    284                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    285                     font-weight: <?php echo $styledata[113]; ?>;
    286                     font-style:<?php echo $styledata[111]; ?>;
    287                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    288                 }
    289                 <?php echo $styledata[199]; ?>;
    290             </style>
     246                    top: 0%;
     247                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
     248                }
     249                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon{
     250                    display: block;
     251                    width: 100%;
     252                    text-align: center;
     253                }
     254                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data{
     255                    display: inline-block;
     256                    width: 100%;
     257                    background-color: ' . $styledata[27] . ';
     258                    padding: ' . $styledata[141] . 'px ' . $styledata[143] . 'px; ;
     259                    -webkit-border-radius: ' . $styledata[139] . 'px;
     260                    -moz-border-radius: ' . $styledata[139] . 'px;
     261                    -ms-border-radius: ' . $styledata[139] . 'px;
     262                    -o-border-radius: ' . $styledata[139] . 'px;
     263                    border-radius: ' . $styledata[139] . 'px;
     264                }
     265                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     266                    font-size: ' . $styledata[137] . 'px;
     267                    color: ' . $styledata[25] . ';
     268                }
     269                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     270                    display: block;
     271                    color: ' . $styledata[21] . ';
     272                    text-align: ' . $styledata[189] . ';
     273                    font-size: ' . $styledata[181] . 'px;
     274                    font-family: ' . $this->font_familly($styledata[183]) . ';
     275                    font-weight: ' . $styledata[187] . ';
     276                    font-style:' . $styledata[185] . ';
     277                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     278                }
     279                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     280                    display: block;
     281                    color: ' . $styledata[17] . ';
     282                    text-align: ' . $styledata[115] . ';
     283                    font-size: ' . $styledata[107] . 'px;
     284                    font-family: ' . $this->font_familly($styledata[109]) . ';
     285                    font-weight: ' . $styledata[113] . ';
     286                    font-style:' . $styledata[111] . ';
     287                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     288                }
     289                ' . $styledata[199] . ';';
     290            ?>
     291
    291292        </div>
    292293
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style25.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_attr($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <img src="<?php echo $filesdata[5]; ?>">
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <img src="<?php echo esc_url($filesdata[5]); ?>">
    5856                                                </div>
    5957                                            </div>
    6058                                            <div class="oxilab-flip-box-back">
    61                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    62                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     59                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     60                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    6361                                                        <div class="oxilab-heading">
    6462                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    6967                                                        <div class="oxilab-info">
    7068                                                            <?php echo $this->text_render($filesdata[7]); ?>
    71                                                         </div> 
     69                                                        </div>
    7270                                                    </div>
    7371                                                </div>
     
    7775                                </div>
    7876                            </div>
    79                             <?php echo $fileslinkend;
    80                             echo $this->admin_edit_panel($value['id']); ?>
     77                            <?php
     78                            if ($filesdata[11] != '') {
     79                                echo '</a>';
     80                            }
     81                            echo $this->admin_edit_panel($value['id']);
     82                            ?>
    8183                        </div>
    82                         <style>       
    83                 <?php
    84                 if ($filesdata[13] != '') {
    85                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
     84
     85                        <?php
     86                        if ($filesdata[13] != '') {
     87                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
    8688background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    8789-moz-background-size: 100% 100%;
     
    8991background-size: 100% 100%;
    9092}';
    91                 }
    92                 ?>
    93                         </style>
     93                        }
     94                        ?>
     95
    9496                    </div>
    9597                    <?php
    9698                endif;
    9799            }
    98             ?>
    99             <style>
    100                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    101                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    102                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    103                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    104                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    105                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    106                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    107                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    108                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    109                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    110                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    111                     animation-duration: <?php echo $styledata[57]; ?>s;
    112                 }
    113                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    114                     max-width: <?php echo $styledata[45]; ?>px;
     100            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     101                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     102                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     103                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     104                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     105                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     106                    transition:  opacity ' . $styledata[57] . 's linear;
     107                    -webkit-animation-duration: ' . $styledata[57] . 's;
     108                    -moz-animation-duration: ' . $styledata[57] . 's;
     109                    -ms-animation-duration: ' . $styledata[57] . 's;
     110                    -o-animation-duration: ' . $styledata[57] . 's;
     111                    animation-duration: ' . $styledata[57] . 's;
     112                }
     113                .oxilab-flip-box-body-' . $styleid . '{
     114                    max-width: ' . $styledata[45] . 'px;
    115115                    width: 100%;
    116116                    margin: 0 auto;
    117                     position: relative;   
    118                 }
    119                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    120                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     117                    position: relative;
     118                }
     119                .oxilab-flip-box-body-' . $styleid . ':after {
     120                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    121121                    content: "";
    122122                    display: block;
    123123                }
    124                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{   
    125                     -webkit-border-radius: <?php echo $styledata[153]; ?>%;
    126                     -moz-border-radius: <?php echo $styledata[153]; ?>%;
    127                     -ms-border-radius: <?php echo $styledata[153]; ?>%;
    128                     -o-border-radius: <?php echo $styledata[153]; ?>%;
    129                     border-radius: <?php echo $styledata[153]; ?>%;
    130                     background-color: <?php echo $styledata[5]; ?>;
    131                     overflow: hidden;
    132                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    133                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    134                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    135                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    136                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    137                 }
    138                 .oxilab-flip-box-<?php echo $styleid; ?>{
    139                     position: absolute;
    140                     top: <?php echo $styledata[71]; ?>px;
    141                     left: <?php echo $styledata[71]; ?>px;
    142                     right: <?php echo $styledata[71]; ?>px;
    143                     bottom: <?php echo $styledata[71]; ?>px;
    144                     border-width: <?php echo $styledata[159]; ?>px;
    145                     border-style:<?php echo $styledata[161]; ?>;
    146                     border-color: <?php echo $styledata[9]; ?>;
    147                     display: block;
    148                     -webkit-border-radius: <?php echo $styledata[153]; ?>%;
    149                     -moz-border-radius: <?php echo $styledata[153]; ?>%;
    150                     -ms-border-radius: <?php echo $styledata[153]; ?>%;
    151                     -o-border-radius: <?php echo $styledata[153]; ?>%;
    152                     border-radius: <?php echo $styledata[153]; ?>%;
    153                     overflow: hidden;           
    154                 }                   
    155                 .oxilab-flip-box-<?php echo $styleid; ?> img{
    156                     position: absolute;
    157                     top: <?php echo $styledata[105]; ?>px;
    158                     left: <?php echo $styledata[105]; ?>px;
    159                     right: <?php echo $styledata[105]; ?>px;
    160                     bottom: <?php echo $styledata[105]; ?>px;
    161                     width: calc(100% - (<?php echo $styledata[105]; ?>px + <?php echo $styledata[105]; ?>px ));
    162                     height: calc(100% - (<?php echo $styledata[105]; ?>px + <?php echo $styledata[105]; ?>px ));
    163                     -webkit-border-radius: <?php echo $styledata[153]; ?>%;
    164                     -moz-border-radius: <?php echo $styledata[153]; ?>%;
    165                     -ms-border-radius: <?php echo $styledata[153]; ?>%;
    166                     -o-border-radius: <?php echo $styledata[153]; ?>%;
    167                     border-radius: <?php echo $styledata[153]; ?>%;
    168                 }
    169                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{
    170                     -webkit-border-radius: <?php echo $styledata[153]; ?>%;
    171                     -moz-border-radius: <?php echo $styledata[153]; ?>%;
    172                     -ms-border-radius: <?php echo $styledata[153]; ?>%;
    173                     -o-border-radius: <?php echo $styledata[153]; ?>%;
    174                     border-radius: <?php echo $styledata[153]; ?>%;
    175                     background-color: <?php echo $styledata[15]; ?>;
    176                     overflow: hidden;
    177                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    178                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    179                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    180                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    181                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    182                 }
    183                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
    184                     position: absolute;
    185                     border-color: <?php echo $styledata[17]; ?>;
    186                     top: <?php echo $styledata[163]; ?>px;
    187                     left: <?php echo $styledata[163]; ?>px;
    188                     right: <?php echo $styledata[163]; ?>px;
    189                     bottom: <?php echo $styledata[163]; ?>px;
    190                     border-width: <?php echo $styledata[151]; ?>px;
    191                     border-style:<?php echo $styledata[149]; ?>;
    192                     display: block;
    193                     -webkit-border-radius: <?php echo $styledata[153]; ?>%;
    194                     -moz-border-radius: <?php echo $styledata[153]; ?>%;
    195                     -ms-border-radius: <?php echo $styledata[153]; ?>%;
    196                     -o-border-radius: <?php echo $styledata[153]; ?>%;
    197                     border-radius: <?php echo $styledata[153]; ?>%;
    198                     overflow: hidden;
    199                 }
    200                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     124                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
     125                    -webkit-border-radius: ' . $styledata[153] . '%;
     126                    -moz-border-radius: ' . $styledata[153] . '%;
     127                    -ms-border-radius: ' . $styledata[153] . '%;
     128                    -o-border-radius: ' . $styledata[153] . '%;
     129                    border-radius: ' . $styledata[153] . '%;
     130                    background-color: ' . $styledata[5] . ';
     131                    overflow: hidden;
     132                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     133                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     134                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     135                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     136                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     137                }
     138                .oxilab-flip-box-' . $styleid . '{
     139                    position: absolute;
     140                    top: ' . $styledata[71] . 'px;
     141                    left: ' . $styledata[71] . 'px;
     142                    right: ' . $styledata[71] . 'px;
     143                    bottom: ' . $styledata[71] . 'px;
     144                    border-width: ' . $styledata[159] . 'px;
     145                    border-style:' . $styledata[161] . ';
     146                    border-color: ' . $styledata[9] . ';
     147                    display: block;
     148                    -webkit-border-radius: ' . $styledata[153] . '%;
     149                    -moz-border-radius: ' . $styledata[153] . '%;
     150                    -ms-border-radius: ' . $styledata[153] . '%;
     151                    -o-border-radius: ' . $styledata[153] . '%;
     152                    border-radius: ' . $styledata[153] . '%;
     153                    overflow: hidden;
     154                }
     155                .oxilab-flip-box-' . $styleid . ' img{
     156                    position: absolute;
     157                    top: ' . $styledata[105] . 'px;
     158                    left: ' . $styledata[105] . 'px;
     159                    right: ' . $styledata[105] . 'px;
     160                    bottom: ' . $styledata[105] . 'px;
     161                    width: calc(100% - (' . $styledata[105] . 'px + ' . $styledata[105] . 'px ));
     162                    height: calc(100% - (' . $styledata[105] . 'px + ' . $styledata[105] . 'px ));
     163                    -webkit-border-radius: ' . $styledata[153] . '%;
     164                    -moz-border-radius: ' . $styledata[153] . '%;
     165                    -ms-border-radius: ' . $styledata[153] . '%;
     166                    -o-border-radius: ' . $styledata[153] . '%;
     167                    border-radius: ' . $styledata[153] . '%;
     168                }
     169                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
     170                    -webkit-border-radius: ' . $styledata[153] . '%;
     171                    -moz-border-radius: ' . $styledata[153] . '%;
     172                    -ms-border-radius: ' . $styledata[153] . '%;
     173                    -o-border-radius: ' . $styledata[153] . '%;
     174                    border-radius: ' . $styledata[153] . '%;
     175                    background-color: ' . $styledata[15] . ';
     176                    overflow: hidden;
     177                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     178                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     179                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     180                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     181                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     182                }
     183                .oxilab-flip-box-back-' . $styleid . '{
     184                    position: absolute;
     185                    border-color: ' . $styledata[17] . ';
     186                    top: ' . $styledata[163] . 'px;
     187                    left: ' . $styledata[163] . 'px;
     188                    right: ' . $styledata[163] . 'px;
     189                    bottom: ' . $styledata[163] . 'px;
     190                    border-width: ' . $styledata[151] . 'px;
     191                    border-style:' . $styledata[149] . ';
     192                    display: block;
     193                    -webkit-border-radius: ' . $styledata[153] . '%;
     194                    -moz-border-radius: ' . $styledata[153] . '%;
     195                    -ms-border-radius: ' . $styledata[153] . '%;
     196                    -o-border-radius: ' . $styledata[153] . '%;
     197                    border-radius: ' . $styledata[153] . '%;
     198                    overflow: hidden;
     199                }
     200                .oxilab-flip-box-back-' . $styleid . '-data{
    201201                    position: absolute;
    202202                    left: 0%;
    203203                    right: 0;
    204                     top: 50%;           
    205                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     204                    top: 50%;
     205                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    206206                    -webkit-transform: translateY(-50%);
    207207                    -ms-transform: translateY(-50%);
    208208                    -moz-transform: translateY(-50%);
    209209                    -o-transform: translateY(-50%);
    210                     transform: translateY(-50%);           
    211                 }
    212                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
     210                    transform: translateY(-50%);
     211                }
     212                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
    213213                    display: block;
    214214                    position: relative;
    215                     color:  <?php echo $styledata[31]; ?>;
    216                     text-align: <?php echo $styledata[189]; ?>;           
    217                     font-size: <?php echo $styledata[181]; ?>px;         
    218                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    219                     font-weight: <?php echo $styledata[187]; ?>;
    220                     font-style:<?php echo $styledata[185]; ?>;
    221                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    222                 }
    223                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     215                    color:  ' . $styledata[31] . ';
     216                    text-align: ' . $styledata[189] . ';
     217                    font-size: ' . $styledata[181] . 'px;
     218                    font-family: ' . $this->font_familly($styledata[183]) . ';
     219                    font-weight: ' . $styledata[187] . ';
     220                    font-style:' . $styledata[185] . ';
     221                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     222                }
     223                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{
    224224                    position: absolute;
    225225                    left: 50%;
    226226                    bottom: 0;
    227                     background-color: <?php echo $styledata[7]; ?>;
    228                     width: <?php echo $styledata[155]; ?>px;
     227                    background-color: ' . $styledata[7] . ';
     228                    width: ' . $styledata[155] . 'px;
    229229                    min-height: 2px;
    230                     height: <?php echo $styledata[157]; ?>px;
     230                    height: ' . $styledata[157] . 'px;
    231231                    -webkit-transform: translateX(-50%);
    232232                    -ms-transform: translateX(-50%);
     
    235235                    transform: translateX(-50%);
    236236                }
    237                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    238                     display: block;
    239                     color: <?php echo $styledata[19]; ?>;
    240                     text-align: <?php echo $styledata[115]; ?>;           
    241                     font-size: <?php echo $styledata[107]; ?>px;         
    242                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    243                     font-weight: <?php echo $styledata[113]; ?>;
    244                     font-style:<?php echo $styledata[111]; ?>;
    245                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    246                 }       
    247         <?php echo $styledata[199]; ?>;   
    248             </style>
     237                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     238                    display: block;
     239                    color: ' . $styledata[19] . ';
     240                    text-align: ' . $styledata[115] . ';
     241                    font-size: ' . $styledata[107] . 'px;
     242                    font-family: ' . $this->font_familly($styledata[109]) . ';
     243                    font-weight: ' . $styledata[113] . ';
     244                    font-style:' . $styledata[111] . ';
     245                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     246                }
     247                ' . $styledata[199] . ';';
     248            ?>
     249
    249250        </div>
    250251        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style26.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?>  oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-heading">
    7371                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7674                                                        <div class="oxilab-info">
    7775                                                            <?php echo $this->text_render($filesdata[7]); ?>
    78                                                         </div> 
     76                                                        </div>
    7977                                                        <?php
    8078                                                        if ($filesdata[9] != '') {
    81                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     79                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8280                                                            echo '<div class="oxilab-button">
    8381                                                                    <div class="oxilab-button-data">
     
    9694                            </div>
    9795                            <?php
    98                             echo $fileslinkend;
     96                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     97                                echo '</a>';
     98                            }
    9999                            echo $this->admin_edit_panel($value['id']);
    100100                            ?>
    101101                        </div>
    102102
    103                         <style> 
    104                 <?php
    105                 if ($filesdata[5] != '') {
    106                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{
     103
     104                        <?php
     105                        if ($filesdata[5] != '') {
     106                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-front{
    107107background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    108108-moz-background-size: 100% 100%;
     
    110110background-size: 100% 100%;
    111111}';
    112                 }
    113                 if ($filesdata[13] != '') {
    114                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
     112                        }
     113                        if ($filesdata[13] != '') {
     114                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back{
    115115background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    116116-moz-background-size: 100% 100%;
     
    118118background-size: 100% 100%;
    119119}';
    120                 }
    121                 ?>
    122                         </style>
     120                        }
     121                        ?>
     122
    123123                    </div>
    124124                    <?php
    125125                endif;
    126                 ;
    127126            }
    128             ?>
    129 
    130             <style>
    131                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    132                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    133                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    137                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    138                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    139                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    141                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    142                     animation-duration: <?php echo $styledata[57]; ?>s;
    143                 }
    144                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    145                     max-width: <?php echo $styledata[45]; ?>px;
     127
     128            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     129                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     130                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     131                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     132                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     133                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     134                    transition:  opacity ' . $styledata[57] . 's linear;
     135                    -webkit-animation-duration: ' . $styledata[57] . 's;
     136                    -moz-animation-duration: ' . $styledata[57] . 's;
     137                    -ms-animation-duration: ' . $styledata[57] . 's;
     138                    -o-animation-duration: ' . $styledata[57] . 's;
     139                    animation-duration: ' . $styledata[57] . 's;
     140                }
     141                .oxilab-flip-box-body-' . $styleid . '{
     142                    max-width: ' . $styledata[45] . 'px;
    146143                    width: 100%;
    147144                    margin: 0 auto;
    148                     position: relative;   
    149                 }
    150                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    151                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     145                    position: relative;
     146                }
     147                .oxilab-flip-box-body-' . $styleid . ':after {
     148                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    152149                    content: "";
    153150                    display: block;
    154151                }
    155                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-front{           
    156                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    157                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    158                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    159                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    160                     border-radius: <?php echo $styledata[153]; ?>px;
    161                     background-color: <?php echo $styledata[5]; ?>;
     152                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-front{
     153                    -webkit-border-radius: ' . $styledata[153] . 'px;
     154                    -moz-border-radius: ' . $styledata[153] . 'px;
     155                    -ms-border-radius: ' . $styledata[153] . 'px;
     156                    -o-border-radius: ' . $styledata[153] . 'px;
     157                    border-radius: ' . $styledata[153] . 'px;
     158                    background-color: ' . $styledata[5] . ';
    162159                    overflow: hidden;
    163                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    164                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    165                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    166                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    167                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    168                 }
    169                 .oxilab-flip-box-<?php echo $styleid; ?>{
     160                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     161                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     162                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     163                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     164                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     165                }
     166                .oxilab-flip-box-' . $styleid . '{
    170167                    position: absolute;
    171168                    top: 0;
     
    173170                    right: 0;
    174171                    bottom: 0;
    175                     margin: <?php echo $styledata[69]; ?>px;
    176                     border-width: <?php echo $styledata[75]; ?>px;
    177                     border-style:<?php echo $styledata[77]; ?>; 
    178                     border-color: <?php echo $styledata[9]; ?>;
    179                     display: block;
    180                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    181                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    182                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    183                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    184                     border-radius: <?php echo $styledata[153]; ?>px;
     172                    margin: ' . $styledata[69] . 'px;
     173                    border-width: ' . $styledata[75] . 'px;
     174                    border-style:' . $styledata[77] . ';
     175                    border-color: ' . $styledata[9] . ';
     176                    display: block;
     177                    -webkit-border-radius: ' . $styledata[153] . 'px;
     178                    -moz-border-radius: ' . $styledata[153] . 'px;
     179                    -ms-border-radius: ' . $styledata[153] . 'px;
     180                    -o-border-radius: ' . $styledata[153] . 'px;
     181                    border-radius: ' . $styledata[153] . 'px;
    185182                    overflow: hidden;
    186183                }
    187                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     184                .oxilab-flip-box-' . $styleid . '-data{
    188185                    position: absolute;
    189186                    left: 0%;
    190                     top: 50%;           
    191                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     187                    top: 50%;
     188                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    192189                    -webkit-transform: translateY(-50%);
    193190                    -ms-transform: translateY(-50%);
     
    197194                    right: 0;
    198195                }
    199                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    200                     display: block;
    201                     text-align: center; 
    202                     padding: <?php echo $styledata[87]; ?>px <?php echo $styledata[89]; ?>px;
    203                 }
    204                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    205                     display: inline-block; 
    206                     color: <?php echo $styledata[11]; ?>;
    207                     font-size: <?php echo $styledata[79]; ?>px;
    208                     font-family: <?php echo $this->font_familly($styledata[81]); ?>;
    209                     font-weight: <?php echo $styledata[85]; ?>;
    210                     font-style:<?php echo $styledata[83]; ?>;
    211                 }       
    212                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    213                     display: block;
    214                     color: <?php echo $styledata[13]; ?>;
    215                     text-align: <?php echo $styledata[167]; ?>;           
    216                     font-size: <?php echo $styledata[159]; ?>px;         
    217                     font-family: <?php echo $this->font_familly($styledata[161]); ?>;
    218                     font-weight: <?php echo $styledata[165]; ?>;
    219                     font-style:<?php echo $styledata[163]; ?>;
    220                     padding:<?php echo $styledata[169]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[171]; ?>px <?php echo $styledata[173]; ?>px;
    221 
    222                 }
    223                 .oxilab-flip-box-body-<?php echo $styleid; ?> .oxilab-flip-box-back{   
    224                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    225                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    226                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    227                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    228                     border-radius: <?php echo $styledata[153]; ?>px;
    229                     background-color: <?php echo $styledata[15]; ?>;
     196                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     197                    display: block;
     198                    text-align: center;
     199                    padding: ' . $styledata[87] . 'px ' . $styledata[89] . 'px;
     200                }
     201                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     202                    display: inline-block;
     203                    color: ' . $styledata[11] . ';
     204                    font-size: ' . $styledata[79] . 'px;
     205                    font-family: ' . $this->font_familly($styledata[81]) . ';
     206                    font-weight: ' . $styledata[85] . ';
     207                    font-style:' . $styledata[83] . ';
     208                }
     209                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     210                    display: block;
     211                    color: ' . $styledata[13] . ';
     212                    text-align: ' . $styledata[167] . ';
     213                    font-size: ' . $styledata[159] . 'px;
     214                    font-family: ' . $this->font_familly($styledata[161]) . ';
     215                    font-weight: ' . $styledata[165] . ';
     216                    font-style:' . $styledata[163] . ';
     217                    padding:' . $styledata[169] . 'px ' . $styledata[175] . 'px ' . $styledata[171] . 'px ' . $styledata[173] . 'px;
     218
     219                }
     220                .oxilab-flip-box-body-' . $styleid . ' .oxilab-flip-box-back{
     221                    -webkit-border-radius: ' . $styledata[153] . 'px;
     222                    -moz-border-radius: ' . $styledata[153] . 'px;
     223                    -ms-border-radius: ' . $styledata[153] . 'px;
     224                    -o-border-radius: ' . $styledata[153] . 'px;
     225                    border-radius: ' . $styledata[153] . 'px;
     226                    background-color: ' . $styledata[15] . ';
    230227                    overflow: hidden;
    231                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    232                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    233                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    234                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    235                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    236                 }
    237                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     228                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     229                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     230                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     231                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     232                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     233                }
     234                .oxilab-flip-box-back-' . $styleid . '{
    238235                    position: absolute;
    239236                    top: 0;
     
    241238                    right: 0;
    242239                    bottom: 0;
    243                     margin: <?php echo $styledata[105]; ?>px;
    244                     border-width: <?php echo $styledata[149]; ?>px;
    245                     border-style:<?php echo $styledata[151]; ?>; 
    246                     border-color: <?php echo $styledata[17]; ?>;
    247                     display: block;
    248                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    249                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    250                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    251                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    252                     border-radius: <?php echo $styledata[153]; ?>px;
     240                    margin: ' . $styledata[105] . 'px;
     241                    border-width: ' . $styledata[149] . 'px;
     242                    border-style:' . $styledata[151] . ';
     243                    border-color: ' . $styledata[17] . ';
     244                    display: block;
     245                    -webkit-border-radius: ' . $styledata[153] . 'px;
     246                    -moz-border-radius: ' . $styledata[153] . 'px;
     247                    -ms-border-radius: ' . $styledata[153] . 'px;
     248                    -o-border-radius: ' . $styledata[153] . 'px;
     249                    border-radius: ' . $styledata[153] . 'px;
    253250                    overflow: hidden;
    254251                }
    255                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     252                .oxilab-flip-box-back-' . $styleid . '-data{
    256253                    position: absolute;
    257254                    left: 0%;
    258255                    right: 0;
    259                     top: 50%;           
    260                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     256                    top: 50%;
     257                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    261258                    -webkit-transform: translateY(-50%);
    262259                    -ms-transform: translateY(-50%);
    263260                    -moz-transform: translateY(-50%);
    264261                    -o-transform: translateY(-50%);
    265                     transform: translateY(-50%);           
    266                 }
    267                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
     262                    transform: translateY(-50%);
     263                }
     264                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
    268265                    display: block;
    269266                    position: relative;
    270                     color:  <?php echo $styledata[31]; ?>;
    271                     text-align: <?php echo $styledata[189]; ?>;           
    272                     font-size: <?php echo $styledata[181]; ?>px;         
    273                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    274                     font-weight: <?php echo $styledata[187]; ?>;
    275                     font-style:<?php echo $styledata[185]; ?>;
    276                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    277 
    278                 }
    279                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     267                    color:  ' . $styledata[31] . ';
     268                    text-align: ' . $styledata[189] . ';
     269                    font-size: ' . $styledata[181] . 'px;
     270                    font-family: ' . $this->font_familly($styledata[183]) . ';
     271                    font-weight: ' . $styledata[187] . ';
     272                    font-style:' . $styledata[185] . ';
     273                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     274
     275                }
     276                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{
    280277                    position: absolute;
    281278                    bottom: 0;
    282                     left: 50%;           
     279                    left: 50%;
    283280                    -webkit-transform: translateX(-50%);
    284281                    -ms-transform: translateX(-50%);
     
    286283                    -o-transform: translateX(-50%);
    287284                    transform: translateX(-50%);
    288                     background-color: <?php echo $styledata[7]; ?>;
    289                     width: <?php echo $styledata[155]; ?>px;
    290                     height: <?php echo $styledata[157]; ?>px;     
    291                 }
    292                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    293                     display: block;
    294                     color: <?php echo $styledata[19]; ?>;
    295                     text-align: <?php echo $styledata[115]; ?>;           
    296                     font-size: <?php echo $styledata[107]; ?>px;         
    297                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    298                     font-weight: <?php echo $styledata[113]; ?>;
    299                     font-style:<?php echo $styledata[111]; ?>;
    300                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    301                 }
    302                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    303                     display: block;
    304                     text-align: <?php echo $styledata[139]; ?>;
    305                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    306                 }
    307                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    308                     display: inline-block;     
    309                     color: <?php echo $styledata[21]; ?>;
    310                     background-color:  <?php echo $styledata[23]; ?>;
    311                     font-size: <?php echo $styledata[125]; ?>px;
    312                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    313                     font-weight: <?php echo $styledata[131]; ?>;
    314                     font-style:<?php echo $styledata[129]; ?>;
    315                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    316                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    317                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    318                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    319                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    320                     border-radius: <?php echo $styledata[137]; ?>px;
    321                 }
    322                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    323                     background-color: <?php echo $styledata[27]; ?>;
    324                     color:  <?php echo $styledata[25]; ?>;
    325                 }
    326         <?php echo $styledata[199]; ?>;
    327             </style>
     285                    background-color: ' . $styledata[7] . ';
     286                    width: ' . $styledata[155] . 'px;
     287                    height: ' . $styledata[157] . 'px;
     288                }
     289                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     290                    display: block;
     291                    color: ' . $styledata[19] . ';
     292                    text-align: ' . $styledata[115] . ';
     293                    font-size: ' . $styledata[107] . 'px;
     294                    font-family: ' . $this->font_familly($styledata[109]) . ';
     295                    font-weight: ' . $styledata[113] . ';
     296                    font-style:' . $styledata[111] . ';
     297                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     298                }
     299                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     300                    display: block;
     301                    text-align: ' . $styledata[139] . ';
     302                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     303                }
     304                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     305                    display: inline-block;
     306                    color: ' . $styledata[21] . ';
     307                    background-color:  ' . $styledata[23] . ';
     308                    font-size: ' . $styledata[125] . 'px;
     309                    font-family: ' . $this->font_familly($styledata[127]) . ';
     310                    font-weight: ' . $styledata[131] . ';
     311                    font-style:' . $styledata[129] . ';
     312                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     313                    -webkit-border-radius: ' . $styledata[137] . 'px;
     314                    -moz-border-radius: ' . $styledata[137] . 'px;
     315                    -ms-border-radius: ' . $styledata[137] . 'px;
     316                    -o-border-radius: ' . $styledata[137] . 'px;
     317                    border-radius: ' . $styledata[137] . 'px;
     318                }
     319                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     320                    background-color: ' . $styledata[27] . ';
     321                    color:  ' . $styledata[25] . ';
     322                }
     323        ' . $styledata[199] . ';';
     324            ?>
     325
    328326        </div>
    329327        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style27.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-heading">
    5957                                                            <?php echo $this->text_render($filesdata[1]); ?>
     
    6765                                            </div>
    6866                                            <div class="oxilab-flip-box-back">
    69                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    70                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     67                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     68                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7169                                                        <div class="oxilab-heading">
    7270                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7876                                                        <?php
    7977                                                        if ($filesdata[9] != '') {
    80                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     78                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8179                                                            echo '<div class="oxilab-button">
    8280                                                                    <div class="oxilab-button-data">
     
    9593                            </div>
    9694                            <?php
    97                             echo $fileslinkend;
     95                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     96                                echo '</a>';
     97                            }
    9898                            echo $this->admin_edit_panel($value['id']);
    9999                            ?>
    100100                        </div>
    101                         <style> 
    102                 <?php
    103                 if ($filesdata[5] != '') {
    104                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     101
     102                        <?php
     103                        if ($filesdata[5] != '') {
     104                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    105105background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    106106-moz-background-size: 100% 100%;
     
    108108background-size: 100% 100%;
    109109}';
    110                 }
    111                 if ($filesdata[13] != '') {
    112                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     110                        }
     111                        if ($filesdata[13] != '') {
     112                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    113113background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    114114-moz-background-size: 100% 100%;
     
    116116background-size: 100% 100%;
    117117}';
    118                 }
    119                 ?>                                                                                                                                                                                                                                                                                                                                                                                     
    120                         </style>
     118                        }
     119                        ?>
     120
    121121                    </div>
    122122                    <?php
    123123                endif;
    124124            }
    125             ?>
    126             <style>
    127                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    128                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    129                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    130                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    131                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    132                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    135                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    136                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    137                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    138                     animation-duration: <?php echo $styledata[57]; ?>s;
    139                 }
    140                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    141                     max-width: <?php echo $styledata[45]; ?>px;
     125            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     126                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     127                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     128                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     129                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     130                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     131                    transition:  opacity ' . $styledata[57] . 's linear;
     132                    -webkit-animation-duration: ' . $styledata[57] . 's;
     133                    -moz-animation-duration: ' . $styledata[57] . 's;
     134                    -ms-animation-duration: ' . $styledata[57] . 's;
     135                    -o-animation-duration: ' . $styledata[57] . 's;
     136                    animation-duration: ' . $styledata[57] . 's;
     137                }
     138                .oxilab-flip-box-body-' . $styleid . '{
     139                    max-width: ' . $styledata[45] . 'px;
    142140                    width: 100%;
    143141                    margin: 0 auto;
    144                     position: relative;   
    145                 }
    146                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    147                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     142                    position: relative;
     143                }
     144                .oxilab-flip-box-body-' . $styleid . ':after {
     145                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    148146                    content: "";
    149147                    display: block;
    150148                }
    151                 .oxilab-flip-box-<?php echo $styleid; ?>{
     149                .oxilab-flip-box-' . $styleid . '{
    152150                    position: absolute;
    153151                    top: 0;
     
    156154                    bottom: 0;
    157155                    display: block;
    158                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    159                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    160                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    161                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    162                     border-radius: <?php echo $styledata[153]; ?>px;
    163                     background-color: <?php echo $styledata[5]; ?>;
     156                    -webkit-border-radius: ' . $styledata[153] . 'px;
     157                    -moz-border-radius: ' . $styledata[153] . 'px;
     158                    -ms-border-radius: ' . $styledata[153] . 'px;
     159                    -o-border-radius: ' . $styledata[153] . 'px;
     160                    border-radius: ' . $styledata[153] . 'px;
     161                    background-color: ' . $styledata[5] . ';
    164162                    overflow: hidden;
    165                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    166                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    167                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    168                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    169                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                 }
    171                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     163                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     164                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     165                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     166                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     167                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                }
     169                .oxilab-flip-box-' . $styleid . '-data{
    172170                    position: absolute;
    173171                    left: 0%;
    174                     top: 50%;           
    175                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     172                    top: 50%;
     173                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    176174                    -webkit-transform: translateY(-50%);
    177175                    -ms-transform: translateY(-50%);
     
    180178                    transform: translateY(-50%);
    181179                    right: 0;
    182                 }       
    183                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
     180                }
     181                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
    184182                    display: block;
    185183                    position: relative;
    186                     color: <?php echo $styledata[13]; ?>;
    187                     text-align: <?php echo $styledata[167]; ?>;           
    188                     font-size: <?php echo $styledata[159]; ?>px;         
    189                     font-family: <?php echo $this->font_familly($styledata[161]); ?>;
    190                     font-weight: <?php echo $styledata[165]; ?>;
    191                     font-style:<?php echo $styledata[163]; ?>;
    192                     padding:<?php echo $styledata[169]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[171]; ?>px <?php echo $styledata[173]; ?>px;
    193                 }
    194                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     184                    color: ' . $styledata[13] . ';
     185                    text-align: ' . $styledata[167] . ';
     186                    font-size: ' . $styledata[159] . 'px;
     187                    font-family: ' . $this->font_familly($styledata[161]) . ';
     188                    font-weight: ' . $styledata[165] . ';
     189                    font-style:' . $styledata[163] . ';
     190                    padding:' . $styledata[169] . 'px ' . $styledata[175] . 'px ' . $styledata[171] . 'px ' . $styledata[173] . 'px;
     191                }
     192                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading .oxilab-span{
    195193                    position: absolute;
    196194                    bottom: 0;
    197                     left: 50%;           
     195                    left: 50%;
    198196                    -webkit-transform: translateX(-50%);
    199197                    -ms-transform: translateX(-50%);
     
    201199                    -o-transform: translateX(-50%);
    202200                    transform: translateX(-50%);
    203                     background-color: <?php echo $styledata[9]; ?>;
    204                     width: <?php echo $styledata[75]; ?>px;
    205                     height: <?php echo $styledata[77]; ?>px;
    206                 }
    207                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    208                     display: block;
    209                     color: <?php echo $styledata[17]; ?>;
    210                     text-align: <?php echo $styledata[87]; ?>;           
    211                     font-size: <?php echo $styledata[79]; ?>px;         
    212                     font-family: <?php echo $this->font_familly($styledata[81]); ?>;
    213                     font-weight: <?php echo $styledata[85]; ?>;
    214                     font-style:<?php echo $styledata[83]; ?>;
    215                     padding:<?php echo $styledata[89]; ?>px <?php echo $styledata[93]; ?>px <?php echo $styledata[91]; ?>px <?php echo $styledata[93]; ?>px;
    216 
    217                 }
    218                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     201                    background-color: ' . $styledata[9] . ';
     202                    width: ' . $styledata[75] . 'px;
     203                    height: ' . $styledata[77] . 'px;
     204                }
     205                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     206                    display: block;
     207                    color: ' . $styledata[17] . ';
     208                    text-align: ' . $styledata[87] . ';
     209                    font-size: ' . $styledata[79] . 'px;
     210                    font-family: ' . $this->font_familly($styledata[81]) . ';
     211                    font-weight: ' . $styledata[85] . ';
     212                    font-style:' . $styledata[83] . ';
     213                    padding:' . $styledata[89] . 'px ' . $styledata[93] . 'px ' . $styledata[91] . 'px ' . $styledata[93] . 'px;
     214
     215                }
     216                .oxilab-flip-box-back-' . $styleid . '{
    219217                    position: absolute;
    220218                    top: 0;
     
    223221                    bottom: 0;
    224222                    display: block;
    225                     background-color: <?php echo $styledata[15]; ?>;
    226                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    227                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    228                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    229                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    230                     border-radius: <?php echo $styledata[153]; ?>px;
     223                    background-color: ' . $styledata[15] . ';
     224                    -webkit-border-radius: ' . $styledata[153] . 'px;
     225                    -moz-border-radius: ' . $styledata[153] . 'px;
     226                    -ms-border-radius: ' . $styledata[153] . 'px;
     227                    -o-border-radius: ' . $styledata[153] . 'px;
     228                    border-radius: ' . $styledata[153] . 'px;
    231229                    overflow: hidden;
    232                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    233                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    234                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    235                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    236                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    237                 }
    238                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     230                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     231                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     232                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     233                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     234                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     235                }
     236                .oxilab-flip-box-back-' . $styleid . '-data{
    239237                    position: absolute;
    240238                    left: 0%;
    241239                    right: 0;
    242                     top: 50%;           
    243                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     240                    top: 50%;
     241                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    244242                    -webkit-transform: translateY(-50%);
    245243                    -ms-transform: translateY(-50%);
    246244                    -moz-transform: translateY(-50%);
    247245                    -o-transform: translateY(-50%);
    248                     transform: translateY(-50%);           
    249                 }
    250                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
     246                    transform: translateY(-50%);
     247                }
     248                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
    251249                    display: block;
    252250                    position: relative;
    253                     color:  <?php echo $styledata[31]; ?>;
    254                     text-align: <?php echo $styledata[189]; ?>;           
    255                     font-size: <?php echo $styledata[181]; ?>px;         
    256                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    257                     font-weight: <?php echo $styledata[187]; ?>;
    258                     font-style:<?php echo $styledata[185]; ?>;
    259                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    260                 }
    261                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading .oxilab-span{
     251                    color:  ' . $styledata[31] . ';
     252                    text-align: ' . $styledata[189] . ';
     253                    font-size: ' . $styledata[181] . 'px;
     254                    font-family: ' . $this->font_familly($styledata[183]) . ';
     255                    font-weight: ' . $styledata[187] . ';
     256                    font-style:' . $styledata[185] . ';
     257                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     258                }
     259                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading .oxilab-span{
    262260                    position: absolute;
    263261                    bottom: 0;
    264                     left: 50%;           
     262                    left: 50%;
    265263                    -webkit-transform: translateX(-50%);
    266264                    -ms-transform: translateX(-50%);
     
    268266                    -o-transform: translateX(-50%);
    269267                    transform: translateX(-50%);
    270                     background-color: <?php echo $styledata[7]; ?>;
    271                     width: <?php echo $styledata[155]; ?>px;
    272                     height: <?php echo $styledata[157]; ?>px;   
    273                 }
    274                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    275                     display: block;
    276                     color: <?php echo $styledata[19]; ?>;
    277                     text-align: <?php echo $styledata[115]; ?>;           
    278                     font-size: <?php echo $styledata[107]; ?>px;         
    279                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    280                     font-weight: <?php echo $styledata[113]; ?>;
    281                     font-style:<?php echo $styledata[111]; ?>;
    282                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    283                 }
    284                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    285                     display: block;
    286                     text-align: <?php echo $styledata[139]; ?>;
    287                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    288                 }
    289                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    290                     display: inline-block;     
    291                     color: <?php echo $styledata[21]; ?>;
    292                     background-color:  <?php echo $styledata[23]; ?>;
    293                     font-size: <?php echo $styledata[125]; ?>px;
    294                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    295                     font-weight: <?php echo $styledata[131]; ?>;
    296                     font-style:<?php echo $styledata[129]; ?>;
    297                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    298                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    299                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    300                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    301                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    302                     border-radius: <?php echo $styledata[137]; ?>px;
    303                 }
    304                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    305                     background-color: <?php echo $styledata[27]; ?>;
    306                     color:  <?php echo $styledata[25]; ?>;
    307                 }
    308         <?php echo $styledata[199]; ?>;
    309             </style>
     268                    background-color: ' . $styledata[7] . ';
     269                    width: ' . $styledata[155] . 'px;
     270                    height: ' . $styledata[157] . 'px;
     271                }
     272                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     273                    display: block;
     274                    color: ' . $styledata[19] . ';
     275                    text-align: ' . $styledata[115] . ';
     276                    font-size: ' . $styledata[107] . 'px;
     277                    font-family: ' . $this->font_familly($styledata[109]) . ';
     278                    font-weight: ' . $styledata[113] . ';
     279                    font-style:' . $styledata[111] . ';
     280                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     281                }
     282                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     283                    display: block;
     284                    text-align: ' . $styledata[139] . ';
     285                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     286                }
     287                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     288                    display: inline-block;
     289                    color: ' . $styledata[21] . ';
     290                    background-color:  ' . $styledata[23] . ';
     291                    font-size: ' . $styledata[125] . 'px;
     292                    font-family: ' . $this->font_familly($styledata[127]) . ';
     293                    font-weight: ' . $styledata[131] . ';
     294                    font-style:' . $styledata[129] . ';
     295                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     296                    -webkit-border-radius: ' . $styledata[137] . 'px;
     297                    -moz-border-radius: ' . $styledata[137] . 'px;
     298                    -ms-border-radius: ' . $styledata[137] . 'px;
     299                    -o-border-radius: ' . $styledata[137] . 'px;
     300                    border-radius: ' . $styledata[137] . 'px;
     301                }
     302                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     303                    background-color: ' . $styledata[27] . ';
     304                    color:  ' . $styledata[25] . ';
     305                }
     306                ' . $styledata[199] . ';';
     307            ?>
     308
    310309        </div>
    311310        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style28.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    6361                                                        <div class="oxilab-heading">
    6462                                                            <?php echo $this->text_render($filesdata[1]); ?>
    65                                                         </div>                                               
     63                                                        </div>
    6664                                                    </div>
    6765                                                </div>
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-heading">
    7371                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7876                                                        <?php
    7977                                                        if ($filesdata[9] != '') {
    80                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     78                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8179                                                            echo '<div class="oxilab-button">
    8280                                                                    <div class="oxilab-button-data">
     
    9593                            </div>
    9694                            <?php
    97                             echo $fileslinkend;
     95                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     96                                echo '</a>';
     97                            }
    9898                            echo $this->admin_edit_panel($value['id']);
    9999                            ?>
    100100                        </div>
    101                         <style>
    102                 <?php
    103                 if ($filesdata[5] != '') {
    104                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     101
     102                        <?php
     103                        if ($filesdata[5] != '') {
     104                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    105105background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    106106-moz-background-size: 100% 100%;
     
    108108background-size: 100% 100%;
    109109}';
    110                 }
    111                 if ($filesdata[13] != '') {
    112                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     110                        }
     111                        if ($filesdata[13] != '') {
     112                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    113113background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    114114-moz-background-size: 100% 100%;
     
    116116background-size: 100% 100%;
    117117}';
    118                 }
    119                 ?>
    120                         </style>
     118                        }
     119                        ?>
     120
    121121                    </div>
    122122                    <?php
    123123                endif;
    124124            }
    125             ?>
    126 
    127             <style>
    128                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    129                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    130                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    131                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    132                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    136                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    137                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    138                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    139                     animation-duration: <?php echo $styledata[57]; ?>s;
    140                 }
    141                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    142                     max-width: <?php echo $styledata[45]; ?>px;
     125            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     126                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     127                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     128                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     129                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     130                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     131                    transition:  opacity ' . $styledata[57] . 's linear;
     132                    -webkit-animation-duration: ' . $styledata[57] . 's;
     133                    -moz-animation-duration: ' . $styledata[57] . 's;
     134                    -ms-animation-duration: ' . $styledata[57] . 's;
     135                    -o-animation-duration: ' . $styledata[57] . 's;
     136                    animation-duration: ' . $styledata[57] . 's;
     137                }
     138                .oxilab-flip-box-body-' . $styleid . '{
     139                    max-width: ' . $styledata[45] . 'px;
    143140                    width: 100%;
    144141                    margin: 0 auto;
    145                     position: relative;   
    146                 }
    147                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    148                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     142                    position: relative;
     143                }
     144                .oxilab-flip-box-body-' . $styleid . ':after {
     145                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    149146                    content: "";
    150147                    display: block;
    151148                }
    152                 .oxilab-flip-box-<?php echo $styleid; ?>{
     149                .oxilab-flip-box-' . $styleid . '{
    153150                    position: absolute;
    154151                    top: 0;
     
    156153                    right: 0;
    157154                    bottom: 0;
    158                     border-width: <?php echo $styledata[149]; ?>px;
    159                     border-style:<?php echo $styledata[151]; ?>;
    160                     background-color: <?php echo $styledata[5]; ?>;
    161                     border-color: <?php echo $styledata[7]; ?>;
    162                     display: block;
    163                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    164                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    165                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    166                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    167                     border-radius: <?php echo $styledata[153]; ?>px;
     155                    border-width: ' . $styledata[149] . 'px;
     156                    border-style:' . $styledata[151] . ';
     157                    background-color: ' . $styledata[5] . ';
     158                    border-color: ' . $styledata[7] . ';
     159                    display: block;
     160                    -webkit-border-radius: ' . $styledata[153] . 'px;
     161                    -moz-border-radius: ' . $styledata[153] . 'px;
     162                    -ms-border-radius: ' . $styledata[153] . 'px;
     163                    -o-border-radius: ' . $styledata[153] . 'px;
     164                    border-radius: ' . $styledata[153] . 'px;
    168165                    overflow: hidden;
    169                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    171                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    173                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    174                 }
    175                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     166                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     167                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                }
     172                .oxilab-flip-box-' . $styleid . '-data{
    176173                    position: absolute;
    177174                    left: 0%;
    178                     top: 50%;           
    179                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     175                    top: 50%;
     176                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    180177                    -webkit-transform: translateY(-50%);
    181178                    -ms-transform: translateY(-50%);
     
    185182                    right: 0;
    186183                }
    187                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    188                     display: block;
    189                     text-align: center; 
    190                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    191                 }
    192                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    193                     display: inline-block; 
    194                     width:  <?php echo $styledata[79]; ?>px;
    195                     height:  <?php echo $styledata[79]; ?>px;
    196                 }
    197                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    198                     line-height:  <?php echo $styledata[79]; ?>px;
    199                     font-size:  <?php echo $styledata[77]; ?>px;
    200                     color: <?php echo $styledata[9]; ?>;
    201                 }
    202                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    203                     display: block;
    204                     color: <?php echo $styledata[13]; ?>;
    205                     text-align: <?php echo $styledata[91]; ?>;           
    206                     font-size: <?php echo $styledata[83]; ?>px;
    207                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    208                     font-weight: <?php echo $styledata[89]; ?>;
    209                     font-style:<?php echo $styledata[87]; ?>;
    210                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    211 
    212                 }       
    213                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     184                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     185                    display: block;
     186                    text-align: center;
     187                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     188                }
     189                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     190                    display: inline-block;
     191                    width:  ' . $styledata[79] . 'px;
     192                    height:  ' . $styledata[79] . 'px;
     193                }
     194                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     195                    line-height:  ' . $styledata[79] . 'px;
     196                    font-size:  ' . $styledata[77] . 'px;
     197                    color: ' . $styledata[9] . ';
     198                }
     199                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     200                    display: block;
     201                    color: ' . $styledata[13] . ';
     202                    text-align: ' . $styledata[91] . ';
     203                    font-size: ' . $styledata[83] . 'px;
     204                    font-family: ' . $this->font_familly($styledata[85]) . ';
     205                    font-weight: ' . $styledata[89] . ';
     206                    font-style:' . $styledata[87] . ';
     207                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     208
     209                }
     210                .oxilab-flip-box-back-' . $styleid . '{
    214211                    position: absolute;
    215212                    top: 0;
     
    217214                    right: 0;
    218215                    bottom: 0;
    219                     border-width: <?php echo $styledata[155]; ?>px;
    220                     border-style:<?php echo $styledata[157]; ?>; 
    221                     background-color: <?php echo $styledata[15]; ?>;
    222                     border-color: <?php echo $styledata[11]; ?>;
    223                     display: block;
    224                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    225                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    226                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    227                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    228                     border-radius: <?php echo $styledata[153]; ?>px;
     216                    border-width: ' . $styledata[155] . 'px;
     217                    border-style:' . $styledata[157] . ';
     218                    background-color: ' . $styledata[15] . ';
     219                    border-color: ' . $styledata[11] . ';
     220                    display: block;
     221                    -webkit-border-radius: ' . $styledata[153] . 'px;
     222                    -moz-border-radius: ' . $styledata[153] . 'px;
     223                    -ms-border-radius: ' . $styledata[153] . 'px;
     224                    -o-border-radius: ' . $styledata[153] . 'px;
     225                    border-radius: ' . $styledata[153] . 'px;
    229226                    overflow: hidden;
    230                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    231                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    232                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    233                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    234                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    235                 }
    236                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     227                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     228                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     229                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     230                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     231                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     232                }
     233                .oxilab-flip-box-back-' . $styleid . '-data{
    237234                    position: absolute;
    238235                    left: 0%;
    239236                    right: 0;
    240                     top: 50%;           
    241                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     237                    top: 50%;
     238                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    242239                    -webkit-transform: translateY(-50%);
    243240                    -ms-transform: translateY(-50%);
    244241                    -moz-transform: translateY(-50%);
    245242                    -o-transform: translateY(-50%);
    246                     transform: translateY(-50%);           
    247                 }
    248                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    249                     display: block;
    250                     color:  <?php echo $styledata[31]; ?>;
    251                     text-align: <?php echo $styledata[189]; ?>;           
    252                     font-size: <?php echo $styledata[181]; ?>px;         
    253                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    254                     font-weight: <?php echo $styledata[187]; ?>;
    255                     font-style:<?php echo $styledata[185]; ?>;
    256                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    257 
    258                 }
    259                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    260                     display: block;
    261                     color: <?php echo $styledata[19]; ?>;
    262                     text-align: <?php echo $styledata[115]; ?>;           
    263                     font-size: <?php echo $styledata[107]; ?>px;         
    264                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    265                     font-weight: <?php echo $styledata[113]; ?>;
    266                     font-style:<?php echo $styledata[111]; ?>;
    267                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    268 
    269                 }
    270                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    271                     display: block;
    272                     text-align: <?php echo $styledata[139]; ?>;
    273                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    274 
    275                 }
    276                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    277                     display: inline-block;   
    278                     color: <?php echo $styledata[21]; ?>;
    279                     background-color:  <?php echo $styledata[23]; ?>;
    280                     font-size: <?php echo $styledata[125]; ?>px;
    281                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    282                     font-weight: <?php echo $styledata[131]; ?>;
    283                     font-style:<?php echo $styledata[129]; ?>;
    284                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    285                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    286                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    287                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    288                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    289                     border-radius: <?php echo $styledata[137]; ?>px;
    290                 }
    291                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    292                     background-color: <?php echo $styledata[27]; ?>;
    293                     color:  <?php echo $styledata[25]; ?>;
    294                 }
    295                 <?php echo $styledata[199]; ?>;
    296             </style>
     243                    transform: translateY(-50%);
     244                }
     245                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     246                    display: block;
     247                    color:  ' . $styledata[31] . ';
     248                    text-align: ' . $styledata[189] . ';
     249                    font-size: ' . $styledata[181] . 'px;
     250                    font-family: ' . $this->font_familly($styledata[183]) . ';
     251                    font-weight: ' . $styledata[187] . ';
     252                    font-style:' . $styledata[185] . ';
     253                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     254
     255                }
     256                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     257                    display: block;
     258                    color: ' . $styledata[19] . ';
     259                    text-align: ' . $styledata[115] . ';
     260                    font-size: ' . $styledata[107] . 'px;
     261                    font-family: ' . $this->font_familly($styledata[109]) . ';
     262                    font-weight: ' . $styledata[113] . ';
     263                    font-style:' . $styledata[111] . ';
     264                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     265
     266                }
     267                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     268                    display: block;
     269                    text-align: ' . $styledata[139] . ';
     270                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     271
     272                }
     273                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     274                    display: inline-block;
     275                    color: ' . $styledata[21] . ';
     276                    background-color:  ' . $styledata[23] . ';
     277                    font-size: ' . $styledata[125] . 'px;
     278                    font-family: ' . $this->font_familly($styledata[127]) . ';
     279                    font-weight: ' . $styledata[131] . ';
     280                    font-style:' . $styledata[129] . ';
     281                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     282                    -webkit-border-radius: ' . $styledata[137] . 'px;
     283                    -moz-border-radius: ' . $styledata[137] . 'px;
     284                    -ms-border-radius: ' . $styledata[137] . 'px;
     285                    -o-border-radius: ' . $styledata[137] . 'px;
     286                    border-radius: ' . $styledata[137] . 'px;
     287                }
     288                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     289                    background-color: ' . $styledata[27] . ';
     290                    color:  ' . $styledata[25] . ';
     291                }
     292                ' . $styledata[199] . ';';
     293            ?>
     294
    297295        </div>
    298296
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style29.php

    r2328035 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-image">
    59                                                             <img src="<?php echo $filesdata[5]; ?>">
     57                                                            <img src="<?php echo esc_url($filesdata[5]); ?>">
    6058                                                        </div>
    6159                                                        <div class="oxilab-heading">
    6260                                                            <?php echo $this->text_render($filesdata[1]); ?>
    63                                                         </div>                                                     
     61                                                        </div>
    6462                                                    </div>
    6563                                                </div>
    6664                                            </div>
    6765                                            <div class="oxilab-flip-box-back">
    68                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    69                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     66                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     67                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7068                                                        <div class="oxilab-heading">
    7169                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7674                                                        <?php
    7775                                                        if ($filesdata[9] != '') {
    78                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     76                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    7977                                                            echo '<div class="oxilab-button">
    8078                                                                    <div class="oxilab-button-data">
     
    9391                            </div>
    9492                            <?php
    95                             echo $fileslinkend;
     93                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     94                                echo '</a>';
     95                            }
    9696                            echo $this->admin_edit_panel($value['id']);
    9797                            ?>
    9898                        </div>
    99                           <style>
    100                 <?php
    101                 if ($filesdata[5] != '') {
    102                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    103                                 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    104                                 -moz-background-size: 100% 100%;
    105                                 -o-background-size: 100% 100%;
    106                                 background-size: 100% 100%;
    107                             }';
    108                 }
    109                 if ($filesdata[13] != '') {
    110                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    111                             background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    112                             -moz-background-size: 100% 100%;
    113                             -o-background-size: 100% 100%;
    114                             background-size: 100% 100%;
    115                         }';
    116                 }
    117                 ?>
    118                         </style>
     99
     100                        <?php
     101                        if ($filesdata[5] != '') {
     102                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     103background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
     104-moz-background-size: 100% 100%;
     105-o-background-size: 100% 100%;
     106background-size: 100% 100%;
     107}';
     108                        }
     109                        if ($filesdata[13] != '') {
     110                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     111background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
     112-moz-background-size: 100% 100%;
     113-o-background-size: 100% 100%;
     114background-size: 100% 100%;
     115}';
     116                        }
     117                        ?>
     118
    119119                    </div>
    120120                    <?php
    121121                endif;
    122122            }
    123             ?>
    124 
    125             <style>
    126                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    127                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    128                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    129                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    130                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    131                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    132                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    134                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    135                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    136                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    137                     animation-duration: <?php echo $styledata[57]; ?>s;
    138                 }
    139                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    140                     max-width: <?php echo $styledata[45]; ?>px;
     123
     124            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     125                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     126                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     127                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     128                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     129                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     130                    transition:  opacity ' . $styledata[57] . 's linear;
     131                    -webkit-animation-duration: ' . $styledata[57] . 's;
     132                    -moz-animation-duration: ' . $styledata[57] . 's;
     133                    -ms-animation-duration: ' . $styledata[57] . 's;
     134                    -o-animation-duration: ' . $styledata[57] . 's;
     135                    animation-duration: ' . $styledata[57] . 's;
     136                }
     137                .oxilab-flip-box-body-' . $styleid . '{
     138                    max-width: ' . $styledata[45] . 'px;
    141139                    width: 100%;
    142140                    margin: 0 auto;
    143                     position: relative;   
    144                 }
    145                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    146                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     141                    position: relative;
     142                }
     143                .oxilab-flip-box-body-' . $styleid . ':after {
     144                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    147145                    content: "";
    148146                    display: block;
    149147                }
    150                 .oxilab-flip-box-<?php echo $styleid; ?>{
    151                     position: absolute;
    152                     top: 0;
    153                     left: 0;
    154                     right: 0;
    155                     bottom: 0;
    156                     background-color: <?php echo $styledata[5]; ?>;
    157                     border-color:<?php echo $styledata[7]; ?>;
    158                     border-width: <?php echo $styledata[163]; ?>px;
    159                     border-style:<?php echo $styledata[165]; ?>;
    160                     display: block;
    161                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    162                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    163                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    164                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    165                     border-radius: <?php echo $styledata[153]; ?>px;
    166                     overflow: hidden;     
    167                 }
    168                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     148                .oxilab-flip-box-' . $styleid . '{
     149                    position: absolute;
     150                    top: 0;
     151                    left: 0;
     152                    right: 0;
     153                    bottom: 0;
     154                    background-color: ' . $styledata[5] . ';
     155                    border-color:' . $styledata[7] . ';
     156                    border-width: ' . $styledata[163] . 'px;
     157                    border-style:' . $styledata[165] . ';
     158                    display: block;
     159                    -webkit-border-radius: ' . $styledata[153] . 'px;
     160                    -moz-border-radius: ' . $styledata[153] . 'px;
     161                    -ms-border-radius: ' . $styledata[153] . 'px;
     162                    -o-border-radius: ' . $styledata[153] . 'px;
     163                    border-radius: ' . $styledata[153] . 'px;
     164                    overflow: hidden;
     165                }
     166                .oxilab-flip-box-' . $styleid . '-data{
    169167                    position: absolute;
    170168                    left: 0%;
    171                     top: 0%;   
    172                     right: 0;
    173                     bottom: 0;
    174                 }
    175                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image{
     169                    top: 0%;
     170                    right: 0;
     171                    bottom: 0;
     172                }
     173                .oxilab-flip-box-' . $styleid . '-data .oxilab-image{
    176174                    position: absolute;
    177175                    top: 0;
     
    179177                    right: 0;
    180178                    bottom:0;
    181                     margin: <?php echo $styledata[71]; ?>px <?php echo $styledata[77]; ?>px <?php echo $styledata[73]; ?>px <?php echo $styledata[75]; ?>px; 
    182                     display: block; 
    183                 }
    184                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-image img{
     179                    margin: ' . $styledata[71] . 'px ' . $styledata[77] . 'px ' . $styledata[73] . 'px ' . $styledata[75] . 'px;
     180                    display: block;
     181                }
     182                .oxilab-flip-box-' . $styleid . '-data .oxilab-image img{
    185183                    position: absolute;
    186184                    top: 0;
     
    190188                    width: 100%;
    191189                    height:100%;
    192                     display: block; 
    193                 }
    194                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
     190                    display: block;
     191                }
     192                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
    195193                    position: absolute;
    196194                    left: 0;
    197195                    bottom: 0;
    198196                    width: 100%;
    199                     margin-top: <?php echo $styledata[69]; ?>%;
    200                     color: <?php echo $styledata[13]; ?>;
    201                     background: <?php echo $styledata[5]; ?>;
    202                     display: block;
    203                     text-align: <?php echo $styledata[91]; ?>;           
    204                     font-size: <?php echo $styledata[83]; ?>px;
    205                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    206                     font-weight: <?php echo $styledata[89]; ?>;
    207                     font-style:<?php echo $styledata[87]; ?>;
    208                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    209                 }
    210                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
    211                     position: absolute;
    212                     top: 0;
    213                     left: 0;
    214                     right: 0;
    215                     bottom: 0;
    216                     background-color: <?php echo $styledata[15]; ?>;
    217                     border-color:<?php echo $styledata[9]; ?>;
    218                     border-width: <?php echo $styledata[167]; ?>px;
    219                     border-style:<?php echo $styledata[169]; ?>;
    220                     display: block;
    221                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    222                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    223                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    224                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    225                     border-radius: <?php echo $styledata[153]; ?>px;
    226                     overflow: hidden;     
    227                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    228                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    229                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    230                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    231                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    232                 }
    233                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     197                    margin-top: ' . $styledata[69] . '%;
     198                    color: ' . $styledata[13] . ';
     199                    background: ' . $styledata[5] . ';
     200                    display: block;
     201                    text-align: ' . $styledata[91] . ';
     202                    font-size: ' . $styledata[83] . 'px;
     203                    font-family: ' . $this->font_familly($styledata[85]) . ';
     204                    font-weight: ' . $styledata[89] . ';
     205                    font-style:' . $styledata[87] . ';
     206                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     207                }
     208                .oxilab-flip-box-back-' . $styleid . '{
     209                    position: absolute;
     210                    top: 0;
     211                    left: 0;
     212                    right: 0;
     213                    bottom: 0;
     214                    background-color: ' . $styledata[15] . ';
     215                    border-color:' . $styledata[9] . ';
     216                    border-width: ' . $styledata[167] . 'px;
     217                    border-style:' . $styledata[169] . ';
     218                    display: block;
     219                    -webkit-border-radius: ' . $styledata[153] . 'px;
     220                    -moz-border-radius: ' . $styledata[153] . 'px;
     221                    -ms-border-radius: ' . $styledata[153] . 'px;
     222                    -o-border-radius: ' . $styledata[153] . 'px;
     223                    border-radius: ' . $styledata[153] . 'px;
     224                    overflow: hidden;
     225                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     226                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     227                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     228                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     229                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     230                }
     231                .oxilab-flip-box-back-' . $styleid . '-data{
    234232                    position: absolute;
    235233                    left: 0%;
    236234                    right: 0;
    237                     top: 50%;           
    238                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     235                    top: 50%;
     236                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    239237                    -webkit-transform: translateY(-50%);
    240238                    -ms-transform: translateY(-50%);
    241239                    -moz-transform: translateY(-50%);
    242240                    -o-transform: translateY(-50%);
    243                     transform: translateY(-50%);           
    244                 }
    245                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    246                     display: block;
    247                     color:  <?php echo $styledata[31]; ?>;
    248                     text-align: <?php echo $styledata[189]; ?>;           
    249                     font-size: <?php echo $styledata[181]; ?>px;         
    250                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    251                     font-weight: <?php echo $styledata[187]; ?>;
    252                     font-style:<?php echo $styledata[185]; ?>;
    253                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    254                 }
    255                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    256                     display: block;
    257                     color: <?php echo $styledata[19]; ?>;
    258                     text-align: <?php echo $styledata[115]; ?>;           
    259                     font-size: <?php echo $styledata[107]; ?>px;         
    260                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    261                     font-weight: <?php echo $styledata[113]; ?>;
    262                     font-style:<?php echo $styledata[111]; ?>;
    263                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    264                 }
    265                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    266                     display: block;
    267                     text-align: <?php echo $styledata[139]; ?>;
    268                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    269                 }
    270                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    271                     display: inline-block;     
    272                     color: <?php echo $styledata[21]; ?>;
    273                     background-color:  <?php echo $styledata[23]; ?>;
    274                     font-size: <?php echo $styledata[125]; ?>px;
    275                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    276                     font-weight: <?php echo $styledata[131]; ?>;
    277                     font-style:<?php echo $styledata[129]; ?>;
    278                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    279                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    280                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    281                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    282                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    283                     border-radius: <?php echo $styledata[137]; ?>px;
    284                 }
    285                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    286                     background-color: <?php echo $styledata[27]; ?>;
    287                     color:  <?php echo $styledata[25]; ?>;
    288                 }
    289                 <?php echo $styledata[199]; ?>;
    290             </style>
     241                    transform: translateY(-50%);
     242                }
     243                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     244                    display: block;
     245                    color:  ' . $styledata[31] . ';
     246                    text-align: ' . $styledata[189] . ';
     247                    font-size: ' . $styledata[181] . 'px;
     248                    font-family: ' . $this->font_familly($styledata[183]) . ';
     249                    font-weight: ' . $styledata[187] . ';
     250                    font-style:' . $styledata[185] . ';
     251                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     252                }
     253                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     254                    display: block;
     255                    color: ' . $styledata[19] . ';
     256                    text-align: ' . $styledata[115] . ';
     257                    font-size: ' . $styledata[107] . 'px;
     258                    font-family: ' . $this->font_familly($styledata[109]) . ';
     259                    font-weight: ' . $styledata[113] . ';
     260                    font-style:' . $styledata[111] . ';
     261                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     262                }
     263                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     264                    display: block;
     265                    text-align: ' . $styledata[139] . ';
     266                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     267                }
     268                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     269                    display: inline-block;
     270                    color: ' . $styledata[21] . ';
     271                    background-color:  ' . $styledata[23] . ';
     272                    font-size: ' . $styledata[125] . 'px;
     273                    font-family: ' . $this->font_familly($styledata[127]) . ';
     274                    font-weight: ' . $styledata[131] . ';
     275                    font-style:' . $styledata[129] . ';
     276                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     277                    -webkit-border-radius: ' . $styledata[137] . 'px;
     278                    -moz-border-radius: ' . $styledata[137] . 'px;
     279                    -ms-border-radius: ' . $styledata[137] . 'px;
     280                    -o-border-radius: ' . $styledata[137] . 'px;
     281                    border-radius: ' . $styledata[137] . 'px;
     282                }
     283                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     284                    background-color: ' . $styledata[27] . ';
     285                    color:  ' . $styledata[25] . ';
     286                }
     287                ' . $styledata[199] . ';';
     288            ?>
    291289        </div>
    292290        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style3.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] != '') {
    45                                 echo '<a href="' . $filesdata[9] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[9]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    7270                                            </div>
    7371                                            <div class="oxilab-flip-box-back">
    74                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    75                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">                                           
     72                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     73                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7674                                                        <div class="oxilab-info">
    7775                                                            <?php echo $this->text_render($filesdata[7]); ?>
     
    8583                            </div>
    8684                            <?php
    87                             echo $fileslinkend;
     85                            if ($filesdata[9] != '') {
     86                                echo '</a>';
     87                            }
    8888                            echo $this->admin_edit_panel($value['id']);
    8989                            ?>
     
    9191
    9292
    93                         <style>
    94                 <?php
    95                 if ($filesdata[5] != '') {
    96                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     93                        <?php
     94                        if ($filesdata[5] != '') {
     95                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    9796background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    9897-moz-background-size: 100% 100%;
     
    10099background-size: 100% 100%;
    101100}';
    102                 }
    103                 ?>
    104                 <?php
    105                 if ($filesdata[11] != '') {
    106                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     101                        }
     102                        ?>
     103                        <?php
     104                        if ($filesdata[11] != '') {
     105                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    107106background: linear-gradient(' . $styledata[13] . ', ' . $styledata[13] . '), url("' . $filesdata[11] . '");
    108107-moz-background-size: 100% 100%;
     
    110109background-size: 100% 100%;
    111110}';
    112                 }
    113                 ?>                                     
    114                         </style>
     111                        }
     112                        ?>
     113
    115114                    </div>
    116115                    <?php
    117116                endif;
    118117            }
    119             ?>
    120             <style>                   
    121                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    122                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    123                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    124                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    125                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    126                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    127                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    128                     animation-duration: <?php echo $styledata[57]; ?>s;
    129                 }
    130                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    131                     max-width: <?php echo $styledata[45]; ?>px;
     118            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     119                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     120                    transition:  opacity ' . $styledata[57] . 's linear;
     121                    -webkit-animation-duration: ' . $styledata[57] . 's;
     122                    -moz-animation-duration: ' . $styledata[57] . 's;
     123                    -ms-animation-duration: ' . $styledata[57] . 's;
     124                    -o-animation-duration: ' . $styledata[57] . 's;
     125                    animation-duration: ' . $styledata[57] . 's;
     126                }
     127                .oxilab-flip-box-body-' . $styleid . '{
     128                    max-width: ' . $styledata[45] . 'px;
    132129                    width: 100%;
    133130                    margin: 0 auto;
    134                     position: relative;   
    135                 }
    136                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    137                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     131                    position: relative;
     132                }
     133                .oxilab-flip-box-body-' . $styleid . ':after {
     134                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    138135                    content: "";
    139136                    display: block;
    140137                }
    141                 .oxilab-flip-box-<?php echo $styleid; ?>{
     138                .oxilab-flip-box-' . $styleid . '{
    142139                    position: absolute;
    143140                    top: 0;
     
    145142                    right: 0;
    146143                    bottom: 0;
    147                     display: block;   
    148                     background-color: <?php echo $styledata[5]; ?>;
    149                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    150                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    151                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    152                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    153                     border-radius: <?php echo $styledata[141]; ?>px;
     144                    display: block;
     145                    background-color: ' . $styledata[5] . ';
     146                    -webkit-border-radius: ' . $styledata[141] . 'px;
     147                    -moz-border-radius: ' . $styledata[141] . 'px;
     148                    -ms-border-radius: ' . $styledata[141] . 'px;
     149                    -o-border-radius: ' . $styledata[141] . 'px;
     150                    border-radius: ' . $styledata[141] . 'px;
    154151                    overflow: hidden;
    155                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    156                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    157                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    158                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    159                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    160                 }
    161                 .oxilab-flip-box-<?php echo $styleid; ?>-data{
     152                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     153                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     154                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     155                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     156                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     157                }
     158                .oxilab-flip-box-' . $styleid . '-data{
    162159                    position: absolute;
    163160                    left: 0%;
    164                     top: 50%;           
    165                     padding: <?php echo $styledata[69]; ?>px <?php echo $styledata[71]; ?>px;
     161                    top: 50%;
     162                    padding: ' . $styledata[69] . 'px ' . $styledata[71] . 'px;
    166163                    -webkit-transform: translateY(-50%);
    167164                    -ms-transform: translateY(-50%);
     
    171168                    right: 0;
    172169                }
    173                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    174                     display: block;
    175                     text-align: <?php echo $styledata[81]; ?>;
    176                     padding: <?php echo $styledata[77]; ?>px <?php echo $styledata[79]; ?>px;
    177                 }
    178                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    179                     display: inline-block; 
    180                     width: <?php echo $styledata[75]; ?>px;
    181                     height: <?php echo $styledata[75]; ?>px;
    182                 }
    183                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    184                     line-height: <?php echo $styledata[75]; ?>px;
    185                     font-size: <?php echo $styledata[73]; ?>px;
    186                     color: <?php echo $styledata[7]; ?>;
    187                 }
    188                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    189                     display: block;
    190                     color: <?php echo $styledata[11]; ?>;
    191                     text-align: <?php echo $styledata[91]; ?>;           
    192                     font-size: <?php echo $styledata[83]; ?>px;
    193                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    194                     font-weight: <?php echo $styledata[89]; ?>;
    195                     font-style:<?php echo $styledata[87]; ?>;
    196                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    197                 }
    198                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    199                     display: block;
    200                     color: <?php echo $styledata[17]; ?>;
    201                     text-align: <?php echo $styledata[109]; ?>;           
    202                     font-size: <?php echo $styledata[101]; ?>px;
    203                     font-family: <?php echo $this->font_familly($styledata[103]); ?>;
    204                     font-weight: <?php echo $styledata[107]; ?>;
    205                     font-style:<?php echo $styledata[105]; ?>;
    206                     padding: <?php echo $styledata[111]; ?>px <?php echo $styledata[117]; ?>px <?php echo $styledata[113]; ?>px <?php echo $styledata[115]; ?>px; 
    207                 }
    208                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     170                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     171                    display: block;
     172                    text-align: ' . $styledata[81] . ';
     173                    padding: ' . $styledata[77] . 'px ' . $styledata[79] . 'px;
     174                }
     175                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     176                    display: inline-block;
     177                    width: ' . $styledata[75] . 'px;
     178                    height: ' . $styledata[75] . 'px;
     179                }
     180                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     181                    line-height: ' . $styledata[75] . 'px;
     182                    font-size: ' . $styledata[73] . 'px;
     183                    color: ' . $styledata[7] . ';
     184                }
     185                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     186                    display: block;
     187                    color: ' . $styledata[11] . ';
     188                    text-align: ' . $styledata[91] . ';
     189                    font-size: ' . $styledata[83] . 'px;
     190                    font-family: ' . $this->font_familly($styledata[85]) . ';
     191                    font-weight: ' . $styledata[89] . ';
     192                    font-style:' . $styledata[87] . ';
     193                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     194                }
     195                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     196                    display: block;
     197                    color: ' . $styledata[17] . ';
     198                    text-align: ' . $styledata[109] . ';
     199                    font-size: ' . $styledata[101] . 'px;
     200                    font-family: ' . $this->font_familly($styledata[103]) . ';
     201                    font-weight: ' . $styledata[107] . ';
     202                    font-style:' . $styledata[105] . ';
     203                    padding: ' . $styledata[111] . 'px ' . $styledata[117] . 'px ' . $styledata[113] . 'px ' . $styledata[115] . 'px;
     204                }
     205                .oxilab-flip-box-back-' . $styleid . '{
    209206                    position: absolute;
    210207                    top: 0;
     
    213210                    bottom: 0;
    214211                    display: block;
    215                     background-color: <?php echo $styledata[13]; ?>;
    216                     -webkit-border-radius: <?php echo $styledata[141]; ?>px;
    217                     -moz-border-radius: <?php echo $styledata[141]; ?>px;
    218                     -ms-border-radius: <?php echo $styledata[141]; ?>px;
    219                     -o-border-radius: <?php echo $styledata[141]; ?>px;
    220                     border-radius: <?php echo $styledata[141]; ?>px;
     212                    background-color: ' . $styledata[13] . ';
     213                    -webkit-border-radius: ' . $styledata[141] . 'px;
     214                    -moz-border-radius: ' . $styledata[141] . 'px;
     215                    -ms-border-radius: ' . $styledata[141] . 'px;
     216                    -o-border-radius: ' . $styledata[141] . 'px;
     217                    border-radius: ' . $styledata[141] . 'px;
    221218                    overflow: hidden;
    222                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    223                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    224                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    225                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    226                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    227 
    228                 }
    229                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     219                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     220                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     221                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     222                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     223                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     224
     225                }
     226                .oxilab-flip-box-back-' . $styleid . '-data{
    230227                    position: absolute;
    231228                    left: 0%;
    232229                    right: 0;
    233                     top: 50%;           
    234                     padding: <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;
     230                    top: 50%;
     231                    padding: ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
    235232                    -webkit-transform: translateY(-50%);
    236233                    -ms-transform: translateY(-50%);
    237234                    -moz-transform: translateY(-50%);
    238235                    -o-transform: translateY(-50%);
    239                     transform: translateY(-50%);           
    240                 }
    241                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    242                     display: block;
    243                     color: <?php echo $styledata[15]; ?>;
    244                     text-align: <?php echo $styledata[131]; ?>;           
    245                     font-size: <?php echo $styledata[123]; ?>px;
    246                     font-family: <?php echo $this->font_familly($styledata[125]); ?>;
    247                     font-weight: <?php echo $styledata[129]; ?>;
    248                     font-style:<?php echo $styledata[127]; ?>;
    249                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[139]; ?>px <?php echo $styledata[135]; ?>px <?php echo $styledata[137]; ?>px; 
    250 
    251                 }
    252                 <?php echo $styledata[143]; ?>;
    253             </style>
     236                    transform: translateY(-50%);
     237                }
     238                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     239                    display: block;
     240                    color: ' . $styledata[15] . ';
     241                    text-align: ' . $styledata[131] . ';
     242                    font-size: ' . $styledata[123] . 'px;
     243                    font-family: ' . $this->font_familly($styledata[125]) . ';
     244                    font-weight: ' . $styledata[129] . ';
     245                    font-style:' . $styledata[127] . ';
     246                    padding: ' . $styledata[133] . 'px ' . $styledata[139] . 'px ' . $styledata[135] . 'px ' . $styledata[137] . 'px;
     247
     248                }
     249                ' . $styledata[143] . ';';
     250            ?>
     251
    254252        </div>
    255253        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style4.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-icon">
    5957                                                            <div class="oxilab-icon-data">
     
    7270                                            </div>
    7371                                            <div class="oxilab-flip-box-back">
    74                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    75                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     72                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     73                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7674                                                        <div class="oxilab-heading">
    7775                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    8280                                                        <?php
    8381                                                        if ($filesdata[9] != '') {
    84                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     82                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8583                                                            echo '<div class="oxilab-button">
    8684                                                                    <div class="oxilab-button-data">
     
    9997                            </div>
    10098                            <?php
    101                             echo $fileslinkend;
     99                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     100                                echo '</a>';
     101                            }
    102102                            echo $this->admin_edit_panel($value['id']);
    103103                            ?>
     
    105105                        </div>
    106106
    107                         <style>
    108                 <?php
    109                 if ($filesdata[5] != '') {
    110                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     107
     108                        <?php
     109                        if ($filesdata[5] != '') {
     110                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    111111background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    112112-moz-background-size: 100% 100%;
     
    114114background-size: 100% 100%;
    115115}';
    116                 }
    117                 ?>
    118                 <?php
    119                 if ($filesdata[13] != '') {
    120                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     116                        }
     117                        ?>
     118                        <?php
     119                        if ($filesdata[13] != '') {
     120                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    121121background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    122122-moz-background-size: 100% 100%;
     
    124124background-size: 100% 100%;
    125125}';
    126                 }
    127                 ?>
    128                         </style>
     126                        }
     127                        ?>
     128
    129129                    </div>
    130130                    <?php
    131131                endif;
    132132            }
    133             ?>
    134 
    135             <style>
    136                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    137                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    138                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    139                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    140                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    141                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    142                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    143                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    144                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    145                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    146                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    147                     animation-duration: <?php echo $styledata[57]; ?>s;
    148                 }
    149                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    150                     max-width: <?php echo $styledata[45]; ?>px;
     133
     134            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     135                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     136                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     137                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     138                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     139                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     140                    transition:  opacity ' . $styledata[57] . 's linear;
     141                    -webkit-animation-duration: ' . $styledata[57] . 's;
     142                    -moz-animation-duration: ' . $styledata[57] . 's;
     143                    -ms-animation-duration: ' . $styledata[57] . 's;
     144                    -o-animation-duration: ' . $styledata[57] . 's;
     145                    animation-duration: ' . $styledata[57] . 's;
     146                }
     147                .oxilab-flip-box-body-' . $styleid . '{
     148                    max-width: ' . $styledata[45] . 'px;
    151149                    width: 100%;
    152150                    margin: 0 auto;
    153                     position: relative;   
    154                 }
    155                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    156                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     151                    position: relative;
     152                }
     153                .oxilab-flip-box-body-' . $styleid . ':after {
     154                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    157155                    content: "";
    158156                    display: block;
    159157                }
    160                 .oxilab-flip-box-<?php echo $styleid; ?>{
     158                .oxilab-flip-box-' . $styleid . '{
    161159                    position: absolute;
    162160                    top: 0;
     
    165163                    bottom: 0;
    166164                    display: block;
    167                     background-color: <?php echo $styledata[5]; ?>;
    168                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    169                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    170                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    171                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    172                     border-radius: <?php echo $styledata[153]; ?>px;
     165                    background-color: ' . $styledata[5] . ';
     166                    -webkit-border-radius: ' . $styledata[153] . 'px;
     167                    -moz-border-radius: ' . $styledata[153] . 'px;
     168                    -o-border-radius: ' . $styledata[153] . 'px;
     169                    -ms-border-radius: ' . $styledata[153] . 'px;
     170                    border-radius: ' . $styledata[153] . 'px;
    173171                    overflow: hidden;
    174                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    175                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    176                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    177                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    178                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    179                 }
    180                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     172                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     173                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     174                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     175                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     176                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     177                }
     178                .oxilab-flip-box-' . $styleid . '-data{
    181179                    position: absolute;
    182180                    left: 0%;
    183                     top: 50%;           
    184                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     181                    top: 50%;
     182                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    185183                    -webkit-transform: translateY(-50%);
    186184                    -ms-transform: translateY(-50%);
     
    190188                    right: 0;
    191189                }
    192                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    193                     display: block;
    194                     text-align: center;
    195                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    196                 }
    197                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    198                     display: inline-block; 
    199                     width:  <?php echo $styledata[79]; ?>px;
    200                     height:  <?php echo $styledata[79]; ?>px;
     190                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     191                    display: block;
    201192                    text-align: center;
    202                 }
    203                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    204                     line-height:  <?php echo $styledata[79]; ?>px;
    205                     font-size:  <?php echo $styledata[77]; ?>px;
    206                     color: <?php echo $styledata[9]; ?>;           
    207                 }
    208                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    209                     display: block;
    210                     color: <?php echo $styledata[13]; ?>;
    211                     text-align: <?php echo $styledata[91]; ?>;           
    212                     font-size: <?php echo $styledata[83]; ?>px;
    213                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    214                     font-weight: <?php echo $styledata[89]; ?>;
    215                     font-style:<?php echo $styledata[87]; ?>;
    216                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    217 
    218                 }
    219                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    220                     display: block;
    221                     color:  <?php echo $styledata[29]; ?>;
    222                     text-align: <?php echo $styledata[171]; ?>;           
    223                     font-size: <?php echo $styledata[163]; ?>px;
    224                     font-family: <?php echo $this->font_familly($styledata[165]); ?>;
    225                     font-weight: <?php echo $styledata[169]; ?>;
    226                     font-style:<?php echo $styledata[167]; ?>;
    227                     padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;
    228 
    229                 }
    230                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     193                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     194                }
     195                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     196                    display: inline-block;
     197                    width:  ' . $styledata[79] . 'px;
     198                    height:  ' . $styledata[79] . 'px;
     199                    text-align: center;
     200                }
     201                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     202                    line-height:  ' . $styledata[79] . 'px;
     203                    font-size:  ' . $styledata[77] . 'px;
     204                    color: ' . $styledata[9] . ';
     205                }
     206                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     207                    display: block;
     208                    color: ' . $styledata[13] . ';
     209                    text-align: ' . $styledata[91] . ';
     210                    font-size: ' . $styledata[83] . 'px;
     211                    font-family: ' . $this->font_familly($styledata[85]) . ';
     212                    font-weight: ' . $styledata[89] . ';
     213                    font-style:' . $styledata[87] . ';
     214                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     215
     216                }
     217                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     218                    display: block;
     219                    color:  ' . $styledata[29] . ';
     220                    text-align: ' . $styledata[171] . ';
     221                    font-size: ' . $styledata[163] . 'px;
     222                    font-family: ' . $this->font_familly($styledata[165]) . ';
     223                    font-weight: ' . $styledata[169] . ';
     224                    font-style:' . $styledata[167] . ';
     225                    padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px;
     226
     227                }
     228                .oxilab-flip-box-back-' . $styleid . '{
    231229                    position: absolute;
    232230                    top: 0;
     
    235233                    bottom: 0;
    236234                    display: block;
    237                     background-color: <?php echo $styledata[15]; ?>;
    238                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    239                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    240                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    241                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    242                     border-radius:<?php echo $styledata[153]; ?>px;
     235                    background-color: ' . $styledata[15] . ';
     236                    -webkit-border-radius: ' . $styledata[153] . 'px;
     237                    -moz-border-radius: ' . $styledata[153] . 'px;
     238                    -o-border-radius: ' . $styledata[153] . 'px;
     239                    -ms-border-radius: ' . $styledata[153] . 'px;
     240                    border-radius:' . $styledata[153] . 'px;
    243241                    overflow: hidden;
    244                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    245                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    246                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    247                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    248                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    249                 }
    250                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     242                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     243                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     244                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     245                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     246                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     247                }
     248                .oxilab-flip-box-back-' . $styleid . '-data{
    251249                    position: absolute;
    252250                    left: 0%;
    253251                    right: 0;
    254                     top: 50%;           
    255                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     252                    top: 50%;
     253                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    256254                    -webkit-transform: translateY(-50%);
    257255                    -ms-transform: translateY(-50%);
    258256                    -moz-transform: translateY(-50%);
    259257                    -o-transform: translateY(-50%);
    260                     transform: translateY(-50%);           
    261                 }
    262                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    263                     display: block;
    264                     color:  <?php echo $styledata[31]; ?>;
    265                     text-align: <?php echo $styledata[189]; ?>;           
    266                     font-size: <?php echo $styledata[181]; ?>px;         
    267                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    268                     font-weight: <?php echo $styledata[187]; ?>;
    269                     font-style:<?php echo $styledata[185]; ?>;
    270                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    271 
    272                 }
    273                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    274                     display: block;
    275                     color: <?php echo $styledata[19]; ?>;
    276                     text-align: <?php echo $styledata[115]; ?>;           
    277                     font-size: <?php echo $styledata[107]; ?>px;         
    278                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    279                     font-weight: <?php echo $styledata[113]; ?>;
    280                     font-style:<?php echo $styledata[111]; ?>;
    281                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    282 
    283                 }
    284                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    285                     display: block;
    286                     text-align: <?php echo $styledata[139]; ?>;
    287                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    288 
    289                 }
    290                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    291                     display: inline-block;     
    292                     font-size: <?php echo $styledata[125]; ?>px;
    293                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    294                     font-weight: <?php echo $styledata[131]; ?>;
    295                     font-style:<?php echo $styledata[129]; ?>;
    296                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    297                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    298                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    299                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    300                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    301                     border-radius: <?php echo $styledata[137]; ?>px;
    302                     color: <?php echo $styledata[21]; ?>;
    303                     background-color:  <?php echo $styledata[23]; ?>;       
    304                 }
    305                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    306                     background-color: <?php echo $styledata[27]; ?>;
    307                     color:  <?php echo $styledata[25]; ?>;
    308                 }
    309         <?php echo $styledata[199]; ?>px;
    310             </style>
     258                    transform: translateY(-50%);
     259                }
     260                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     261                    display: block;
     262                    color:  ' . $styledata[31] . ';
     263                    text-align: ' . $styledata[189] . ';
     264                    font-size: ' . $styledata[181] . 'px;
     265                    font-family: ' . $this->font_familly($styledata[183]) . ';
     266                    font-weight: ' . $styledata[187] . ';
     267                    font-style:' . $styledata[185] . ';
     268                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     269
     270                }
     271                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     272                    display: block;
     273                    color: ' . $styledata[19] . ';
     274                    text-align: ' . $styledata[115] . ';
     275                    font-size: ' . $styledata[107] . 'px;
     276                    font-family: ' . $this->font_familly($styledata[109]) . ';
     277                    font-weight: ' . $styledata[113] . ';
     278                    font-style:' . $styledata[111] . ';
     279                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     280
     281                }
     282                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     283                    display: block;
     284                    text-align: ' . $styledata[139] . ';
     285                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     286
     287                }
     288                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     289                    display: inline-block;
     290                    font-size: ' . $styledata[125] . 'px;
     291                    font-family: ' . $this->font_familly($styledata[127]) . ';
     292                    font-weight: ' . $styledata[131] . ';
     293                    font-style:' . $styledata[129] . ';
     294                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     295                    -webkit-border-radius: ' . $styledata[137] . 'px;
     296                    -moz-border-radius: ' . $styledata[137] . 'px;
     297                    -o-border-radius: ' . $styledata[137] . 'px;
     298                    -ms-border-radius: ' . $styledata[137] . 'px;
     299                    border-radius: ' . $styledata[137] . 'px;
     300                    color: ' . $styledata[21] . ';
     301                    background-color:  ' . $styledata[23] . ';
     302                }
     303                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     304                    background-color: ' . $styledata[27] . ';
     305                    color:  ' . $styledata[25] . ';
     306                }
     307                ' . $styledata[199] . 'px;';
     308            ?>
    311309        </div>
    312310        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style5.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3435
    3536
    36                     $filesdata = explode("{#}|{#}", $value['files']);
     37                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3738                    ?>
    38                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    39                          sa-data-animation="<?php echo $styledata[55]; ?>"
     39                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     40                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    4041                         sa-data-animation-offset="100%"
    4142                         sa-data-animation-delay="0ms"
    42                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     43                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4344                         >
    44                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     45                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4546                            <?php
    4647                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    47                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    48                                 $fileslinkend = '</a>';
    49                             } else {
    50                                 $fileslinkend = '';
     48                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    5149                            }
    5250                            ?>
    5351                            <div class="oxilab-flip-box-body-absulote">
    54                                 <div class="<?php echo $styledata[1]; ?>">
    55                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     52                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     53                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5654                                        <div class="oxilab-flip-box-style">
    5755                                            <div class="oxilab-flip-box-front">
    58                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    59                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     56                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     57                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    6058
    6159                                                    </div>
     
    6361                                            </div>
    6462                                            <div class="oxilab-flip-box-back">
    65                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    66                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     63                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     64                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    6765                                                        <div class="oxilab-heading">
    6866                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7371                                                        <?php
    7472                                                        if ($filesdata[9] != '') {
    75                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     73                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    7674                                                            echo '<div class="oxilab-button">
    7775                                                                    <div class="oxilab-button-data">
     
    9088                            </div>
    9189                            <?php
    92                             echo $fileslinkend;
     90                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     91                                echo '</a>';
     92                            }
    9393                            echo $this->admin_edit_panel($value['id']);
    9494                            ?>
    9595                        </div>
    9696
    97                         <style>
    98                 <?php
    99                 if ($filesdata[5] != '') {
    100                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    101 background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    102 -moz-background-size: 100% 100%;
    103 -o-background-size: 100% 100%;
    104 background-size: 100% 100%;
    105 }';
    106                 }
    107                 if ($filesdata[13] != '') {
    108                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     97
     98                        <?php
     99                        if ($filesdata[5] != '') {
     100
     101                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     102                                                    background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
     103                                                    -moz-background-size: 100% 100%;
     104                                                    -o-background-size: 100% 100%;
     105                                                    background-size: 100% 100%;
     106                                                    }';
     107                        }
     108                        if ($filesdata[13] != '') {
     109                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    109110background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    110111-moz-background-size: 100% 100%;
     
    112113background-size: 100% 100%;
    113114}';
    114                 }
    115                 ?>
    116                         </style>
     115                        }
     116                        ?>
     117
    117118                    </div>
    118119                    <?php
    119120                endif;
    120121            }
    121             ?>
    122 
    123             <style>
    124                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    125                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    126                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    127                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    128                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    129                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    130                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    131                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    132                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    133                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    134                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    135                     animation-duration: <?php echo $styledata[57]; ?>s;
    136                 }
    137                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    138                     max-width: <?php echo $styledata[45]; ?>px;
     122
     123            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     124                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     125                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     126                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     127                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     128                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     129                    transition:  opacity ' . $styledata[57] . 's linear;
     130                    -webkit-animation-duration: ' . $styledata[57] . 's;
     131                    -moz-animation-duration: ' . $styledata[57] . 's;
     132                    -ms-animation-duration: ' . $styledata[57] . 's;
     133                    -o-animation-duration: ' . $styledata[57] . 's;
     134                    animation-duration: ' . $styledata[57] . 's;
     135                }
     136                .oxilab-flip-box-body-' . $styleid . '{
     137                    max-width: ' . $styledata[45] . 'px;
    139138                    width: 100%;
    140139                    margin: 0 auto;
    141                     position: relative;   
    142                 }
    143                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    144                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     140                    position: relative;
     141                }
     142                .oxilab-flip-box-body-' . $styleid . ':after {
     143                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    145144                    content: "";
    146145                    display: block;
    147146                }
    148                 .oxilab-flip-box-<?php echo $styleid; ?>{
     147                .oxilab-flip-box-' . $styleid . '{
    149148                    position: absolute;
    150149                    top: 0;
     
    152151                    right: 0;
    153152                    bottom: 0;
    154                     display: block;           
    155                     background-color: <?php echo $styledata[5]; ?>;
    156                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    157                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    158                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    159                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    160                     border-radius: <?php echo $styledata[153]; ?>px;
     153                    display: block;
     154                    background-color: ' . $styledata[5] . ';
     155                    -webkit-border-radius: ' . $styledata[153] . 'px;
     156                    -moz-border-radius: ' . $styledata[153] . 'px;
     157                    -ms-border-radius: ' . $styledata[153] . 'px;
     158                    -o-border-radius: ' . $styledata[153] . 'px;
     159                    border-radius: ' . $styledata[153] . 'px;
    161160                    overflow: hidden;
    162                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    163                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    164                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    165                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    166                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    167                 }
    168                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     161                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     162                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     163                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     164                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     165                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     166                }
     167                .oxilab-flip-box-' . $styleid . '-data{
    169168                    position: absolute;
    170169                    left: 0%;
    171                     top: 50%;           
     170                    top: 50%;
    172171                    -webkit-transform: translateY(-50%);
    173172                    -ms-transform: translateY(-50%);
     
    177176                    right: 0;
    178177                }
    179                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     178                .oxilab-flip-box-back-' . $styleid . '{
    180179                    position: absolute;
    181180                    top: 0;
     
    185184                    display: block;
    186185                    background-color: red;
    187                     background-color: <?php echo $styledata[15]; ?>;
    188                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    189                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    190                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    191                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    192                     border-radius:<?php echo $styledata[153]; ?>px;
     186                    background-color: ' . $styledata[15] . ';
     187                    -webkit-border-radius: ' . $styledata[153] . 'px;
     188                    -moz-border-radius: ' . $styledata[153] . 'px;
     189                    -ms-border-radius: ' . $styledata[153] . 'px;
     190                    -o-border-radius: ' . $styledata[153] . 'px;
     191                    border-radius:' . $styledata[153] . 'px;
    193192                    overflow: hidden;
    194                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    195                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    196                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    197                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    198                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    199                 }
    200                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     193                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     194                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     195                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     196                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     197                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     198                }
     199                .oxilab-flip-box-back-' . $styleid . '-data{
    201200                    position: absolute;
    202201                    left: 0%;
    203202                    right: 0;
    204                     top: 50%;           
    205                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     203                    top: 50%;
     204                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    206205                    -webkit-transform: translateY(-50%);
    207206                    -ms-transform: translateY(-50%);
    208207                    -moz-transform: translateY(-50%);
    209208                    -o-transform: translateY(-50%);
    210                     transform: translateY(-50%);           
    211                 }
    212                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    213                     display: block;
    214                     color:  <?php echo $styledata[31]; ?>;
    215                     text-align: <?php echo $styledata[189]; ?>;           
    216                     font-size: <?php echo $styledata[181]; ?>px;         
    217                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    218                     font-weight: <?php echo $styledata[187]; ?>;
    219                     font-style:<?php echo $styledata[185]; ?>;
    220                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    221 
    222                 }
    223                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    224                     display: block;
    225                     color: <?php echo $styledata[19]; ?>;
    226                     text-align: <?php echo $styledata[115]; ?>;           
    227                     font-size: <?php echo $styledata[107]; ?>px;         
    228                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    229                     font-weight: <?php echo $styledata[113]; ?>;
    230                     font-style:<?php echo $styledata[111]; ?>;
    231                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    232                 }
    233                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    234                     display: block;
    235                     text-align: <?php echo $styledata[139]; ?>;
    236                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    237                 }
    238                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    239                     display: inline-block;     
    240                     font-size: <?php echo $styledata[125]; ?>px;
    241                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    242                     font-weight: <?php echo $styledata[131]; ?>;
    243                     font-style:<?php echo $styledata[129]; ?>;
    244                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    245                     -webkit-border-radius:<?php echo $styledata[137]; ?>px;
    246                     -moz-border-radius:<?php echo $styledata[137]; ?>px;
    247                     -ms-border-radius:<?php echo $styledata[137]; ?>px;
    248                     -o-border-radius:<?php echo $styledata[137]; ?>px;
    249                     border-radius: <?php echo $styledata[137]; ?>px;
    250                     color: <?php echo $styledata[21]; ?>;
    251                     background-color:  <?php echo $styledata[23]; ?>;                     
    252                 }                                                                                 
    253                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    254                     background-color: <?php echo $styledata[27]; ?>;
    255                     color:  <?php echo $styledata[25]; ?>;
    256                 }
    257                 <?php echo $styledata[199]; ?>;
    258             </style>
     209                    transform: translateY(-50%);
     210                }
     211                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     212                    display: block;
     213                    color:  ' . $styledata[31] . ';
     214                    text-align: ' . $styledata[189] . ';
     215                    font-size: ' . $styledata[181] . 'px;
     216                    font-family: ' . $this->font_familly($styledata[183]) . ';
     217                    font-weight: ' . $styledata[187] . ';
     218                    font-style:' . $styledata[185] . ';
     219                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     220
     221                }
     222                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     223                    display: block;
     224                    color: ' . $styledata[19] . ';
     225                    text-align: ' . $styledata[115] . ';
     226                    font-size: ' . $styledata[107] . 'px;
     227                    font-family: ' . $this->font_familly($styledata[109]) . ';
     228                    font-weight: ' . $styledata[113] . ';
     229                    font-style:' . $styledata[111] . ';
     230                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     231                }
     232                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     233                    display: block;
     234                    text-align: ' . $styledata[139] . ';
     235                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     236                }
     237                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     238                    display: inline-block;
     239                    font-size: ' . $styledata[125] . 'px;
     240                    font-family: ' . $this->font_familly($styledata[127]) . ';
     241                    font-weight: ' . $styledata[131] . ';
     242                    font-style:' . $styledata[129] . ';
     243                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     244                    -webkit-border-radius:' . $styledata[137] . 'px;
     245                    -moz-border-radius:' . $styledata[137] . 'px;
     246                    -ms-border-radius:' . $styledata[137] . 'px;
     247                    -o-border-radius:' . $styledata[137] . 'px;
     248                    border-radius: ' . $styledata[137] . 'px;
     249                    color: ' . $styledata[21] . ';
     250                    background-color:  ' . $styledata[23] . ';
     251                }
     252                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     253                    background-color: ' . $styledata[27] . ';
     254                    color:  ' . $styledata[25] . ';
     255                }
     256                ' . $styledata[199] . ';';
     257            ?>
     258
     259
    259260        </div>
    260261        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style6.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3334                if (!empty($value['files'])):
    3435
    35                     $filesdata = explode("{#}|{#}", $value['files']);
     36                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3637                    ?>
    37                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>
    38                          sa-data-animation="<?php echo $styledata[55]; ?>"
     38                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>
     39                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3940                         sa-data-animation-offset="100%"
    4041                         sa-data-animation-delay="0ms"
    41                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     42                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4243                         >
    43                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     44                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4445                            <?php
    4546                            if ($filesdata[11] != '') {
    46                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    47                                 $fileslinkend = '</a>';
    48                             } else {
    49                                 $fileslinkend = '';
     47                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    5048                            }
    5149                            ?>
    5250                            <div class="oxilab-flip-box-body-absulote">
    53                                 <div class="<?php echo $styledata[1]; ?>">
    54                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     51                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     52                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5553                                        <div class="oxilab-flip-box-style">
    5654                                            <div class="oxilab-flip-box-front">
    57                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    58                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">
     55                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     56                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5957
    6058                                                    </div>
     
    6260                                            </div>
    6361                                            <div class="oxilab-flip-box-back">
    64                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    65                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     62                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     63                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    6664                                                        <div class="oxilab-heading">
    6765                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    6967                                                        <div class="oxilab-info">
    7068                                                            <?php echo $this->text_render($filesdata[7]); ?>
    71                                                         </div>                                               
     69                                                        </div>
    7270                                                    </div>
    7371                                                </div>
     
    7876                            </div>
    7977                            <?php
    80                             echo $fileslinkend;
     78                            if ($filesdata[11] != '') {
     79                                echo '</a>';
     80                            }
    8181                            echo $this->admin_edit_panel($value['id']);
    8282                            ?>
    8383                        </div>
    84                         <style>
    85                 <?php
    86                 if ($filesdata[5] != '') {
    87                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     84
     85                        <?php
     86                        if ($filesdata[5] != '') {
     87                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    8888background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    8989-moz-background-size: 100% 100%;
     
    9191background-size: 100% 100%;
    9292}';
    93                 }
    94                 ?>
    95                 <?php
    96                 if ($filesdata[13] != '') {
    97                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     93                        }
     94                        ?>
     95                        <?php
     96                        if ($filesdata[13] != '') {
     97                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    9898background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    9999-moz-background-size: 100% 100%;
     
    101101background-size: 100% 100%;
    102102}';
    103                 }
    104                 ?>   
    105                         </style>
     103                        }
     104                        ?>
     105
    106106                    </div>
    107107                    <?php
    108108                endif;
    109109            }
    110             ?>
    111 
    112             <style>
    113                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    114                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    115                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    116                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    117                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    118                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    119                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    120                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    121                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    122                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    123                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    124                     animation-duration: <?php echo $styledata[57]; ?>s;
    125                 }
    126                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    127                     max-width: <?php echo $styledata[45]; ?>px;
     110            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     111                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     112                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     113                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     114                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     115                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     116                    transition:  opacity ' . $styledata[57] . 's linear;
     117                    -webkit-animation-duration: ' . $styledata[57] . 's;
     118                    -moz-animation-duration: ' . $styledata[57] . 's;
     119                    -ms-animation-duration: ' . $styledata[57] . 's;
     120                    -o-animation-duration: ' . $styledata[57] . 's;
     121                    animation-duration: ' . $styledata[57] . 's;
     122                }
     123                .oxilab-flip-box-body-' . $styleid . '{
     124                    max-width: ' . $styledata[45] . 'px;
    128125                    width: 100%;
    129126                    margin: 0 auto;
    130                     position: relative;   
    131                 }
    132                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    133                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     127                    position: relative;
     128                }
     129                .oxilab-flip-box-body-' . $styleid . ':after {
     130                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    134131                    content: "";
    135132                    display: block;
    136133                }
    137                 .oxilab-flip-box-<?php echo $styleid; ?>{
     134                .oxilab-flip-box-' . $styleid . '{
    138135                    position: absolute;
    139136                    top: 0;
     
    142139                    bottom: 0;
    143140                    display: block;
    144                     border-color: <?php echo $styledata[7]; ?>;
    145                     background-color: <?php echo $styledata[5]; ?>;
    146                     border-width: <?php echo $styledata[69]; ?>px;
    147                     border-style:<?php echo $styledata[71]; ?>; 
    148                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    149                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    150                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    151                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    152                     border-radius: <?php echo $styledata[153]; ?>px;
     141                    border-color: ' . $styledata[7] . ';
     142                    background-color: ' . $styledata[5] . ';
     143                    border-width: ' . $styledata[69] . 'px;
     144                    border-style:' . $styledata[71] . ';
     145                    -webkit-border-radius: ' . $styledata[153] . 'px;
     146                    -moz-border-radius: ' . $styledata[153] . 'px;
     147                    -ms-border-radius: ' . $styledata[153] . 'px;
     148                    -o-border-radius: ' . $styledata[153] . 'px;
     149                    border-radius: ' . $styledata[153] . 'px;
    153150                    overflow: hidden;
    154                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    155                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    156                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    157                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    158                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    159                 }
    160                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     151                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     152                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     153                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     154                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     155                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     156                }
     157                .oxilab-flip-box-' . $styleid . '-data{
    161158                    position: absolute;
    162159                    left: 0%;
    163                     top: 50%;           
     160                    top: 50%;
    164161                    -webkit-transform: translateY(-50%);
    165162                    -ms-transform: translateY(-50%);
     
    169166                    right: 0;
    170167                }
    171                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     168                .oxilab-flip-box-back-' . $styleid . '{
    172169                    position: absolute;
    173170                    top: 0;
     
    176173                    bottom: 0;
    177174                    display: block;
    178                     border-color: <?php echo $styledata[17]; ?>;
    179                     background-color: <?php echo $styledata[15]; ?>;
    180                     border-width: <?php echo $styledata[97]; ?>px;
    181                     border-style:<?php echo $styledata[99]; ?>;
    182                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    183                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    184                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    185                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    186                     border-radius:<?php echo $styledata[153]; ?>px;
     175                    border-color: ' . $styledata[17] . ';
     176                    background-color: ' . $styledata[15] . ';
     177                    border-width: ' . $styledata[97] . 'px;
     178                    border-style:' . $styledata[99] . ';
     179                    -webkit-border-radius: ' . $styledata[153] . 'px;
     180                    -moz-border-radius: ' . $styledata[153] . 'px;
     181                    -ms-border-radius: ' . $styledata[153] . 'px;
     182                    -o-border-radius: ' . $styledata[153] . 'px;
     183                    border-radius:' . $styledata[153] . 'px;
    187184                    overflow: hidden;
    188                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    189                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    190                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    191                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    192                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    193                 }
    194                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     185                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     186                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     187                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     188                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     189                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     190                }
     191                .oxilab-flip-box-back-' . $styleid . '-data{
    195192                    position: absolute;
    196193                    left: 0%;
    197194                    right: 0;
    198                     top: 50%;           
    199                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     195                    top: 50%;
     196                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    200197                    -webkit-transform: translateY(-50%);
    201198                    -ms-transform: translateY(-50%);
    202199                    -moz-transform: translateY(-50%);
    203200                    -o-transform: translateY(-50%);
    204                     transform: translateY(-50%);           
    205                 }
    206                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    207                     display: block;
    208                     color:  <?php echo $styledata[31]; ?>;
    209                     text-align: <?php echo $styledata[189]; ?>;           
    210                     font-size: <?php echo $styledata[181]; ?>px;         
    211                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    212                     font-weight: <?php echo $styledata[187]; ?>;
    213                     font-style:<?php echo $styledata[185]; ?>;
    214                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    215                 }
    216                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    217                     display: block;
    218                     color: <?php echo $styledata[19]; ?>;
    219                     text-align: <?php echo $styledata[115]; ?>;           
    220                     font-size: <?php echo $styledata[107]; ?>px;         
    221                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    222                     font-weight: <?php echo $styledata[113]; ?>;
    223                     font-style:<?php echo $styledata[111]; ?>;
    224                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    225 
    226                 }
    227                 <?php echo $styledata[199]; ?>;
    228             </style>
     201                    transform: translateY(-50%);
     202                }
     203                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     204                    display: block;
     205                    color:  ' . $styledata[31] . ';
     206                    text-align: ' . $styledata[189] . ';
     207                    font-size: ' . $styledata[181] . 'px;
     208                    font-family: ' . $this->font_familly($styledata[183]) . ';
     209                    font-weight: ' . $styledata[187] . ';
     210                    font-style:' . $styledata[185] . ';
     211                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     212                }
     213                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     214                    display: block;
     215                    color: ' . $styledata[19] . ';
     216                    text-align: ' . $styledata[115] . ';
     217                    font-size: ' . $styledata[107] . 'px;
     218                    font-family: ' . $this->font_familly($styledata[109]) . ';
     219                    font-weight: ' . $styledata[113] . ';
     220                    font-style:' . $styledata[111] . ';
     221                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     222
     223                }
     224                ' . $styledata[199] . ';';
     225            ?>
    229226        </div>
    230227        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style7.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4142                         >
    42                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     43                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4344                            <?php
    4445                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    45                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    46                                 $fileslinkend = '</a>';
    47                             } else {
    48                                 $fileslinkend = '';
     46                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4947                            }
    5048                            ?>
    5149                            <div class="oxilab-flip-box-body-absulote">
    52                                 <div class="<?php echo $styledata[1]; ?>">
    53                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     50                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     51                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5452                                        <div class="oxilab-flip-box-style">
    5553                                            <div class="oxilab-flip-box-front">
    56                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    57                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data"> 
     54                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     55                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5856                                                        <div class="oxilab-heading">
    5957                                                            <?php echo $this->text_render($filesdata[1]); ?>
     
    7270                                            </div>
    7371                                            <div class="oxilab-flip-box-back">
    74                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    75                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">                                           
     72                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     73                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7674                                                        <div class="oxilab-info">
    7775                                                            <?php echo $this->text_render($filesdata[7]); ?>
     
    7977                                                        <?php
    8078                                                        if ($filesdata[9] != '') {
    81                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     79                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8280                                                            echo '<div class="oxilab-button">
    8381                                                                    <div class="oxilab-button-data">
     
    9795                            </div>
    9896                            <?php
    99                             echo $fileslinkend;
     97                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     98                                echo '</a>';
     99                            }
    100100                            echo $this->admin_edit_panel($value['id']);
    101101                            ?>
     
    103103                        </div>
    104104
    105                         <style>
    106                 <?php
    107                 if ($filesdata[5] != '') {
    108                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     105
     106                        <?php
     107                        if ($filesdata[5] != '') {
     108                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    109109background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    110110-moz-background-size: 100% 100%;
     
    112112background-size: 100% 100%;
    113113}';
    114                 }
    115                 if ($filesdata[13] != '') {
    116                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     114                        }
     115                        if ($filesdata[13] != '') {
     116                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    117117background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    118118-moz-background-size: 100% 100%;
     
    120120background-size: 100% 100%;
    121121}';
    122                 }
    123                 ?>           
    124                         </style>
     122                        }
     123                        ?>
     124
    125125                    </div>
    126126                    <?php
    127127                endif;
    128128            }
    129             ?>
    130 
    131             <style>
    132                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    133                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    134                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    137                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    138                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    139                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    141                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    142                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    143                     animation-duration: <?php echo $styledata[57]; ?>s;
    144                 }
    145                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    146                     max-width: <?php echo $styledata[45]; ?>px;
     129
     130            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     131                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     132                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     133                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     134                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     135                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     136                    transition:  opacity ' . $styledata[57] . 's linear;
     137                    -webkit-animation-duration: ' . $styledata[57] . 's;
     138                    -moz-animation-duration: ' . $styledata[57] . 's;
     139                    -ms-animation-duration: ' . $styledata[57] . 's;
     140                    -o-animation-duration: ' . $styledata[57] . 's;
     141                    animation-duration: ' . $styledata[57] . 's;
     142                }
     143                .oxilab-flip-box-body-' . $styleid . '{
     144                    max-width: ' . $styledata[45] . 'px;
    147145                    width: 100%;
    148146                    margin: 0 auto;
    149                     position: relative;   
    150                 }
    151                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    152                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     147                    position: relative;
     148                }
     149                .oxilab-flip-box-body-' . $styleid . ':after {
     150                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    153151                    content: "";
    154152                    display: block;
    155153                }
    156                 .oxilab-flip-box-<?php echo $styleid; ?>{
     154                .oxilab-flip-box-' . $styleid . '{
    157155                    position: absolute;
    158156                    top: 0;
     
    161159                    bottom: 0;
    162160                    display: block;
    163                     background-color: <?php echo $styledata[5]; ?>;
    164                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    165                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    166                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    167                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    168                     border-radius: <?php echo $styledata[153]; ?>px;
    169                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    171                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    173                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
     161                    background-color: ' . $styledata[5] . ';
     162                    -webkit-border-radius: ' . $styledata[153] . 'px;
     163                    -moz-border-radius: ' . $styledata[153] . 'px;
     164                    -ms-border-radius: ' . $styledata[153] . 'px;
     165                    -o-border-radius: ' . $styledata[153] . 'px;
     166                    border-radius: ' . $styledata[153] . 'px;
     167                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     171                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
    174172                    overflow: hidden;
    175173                }
    176                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     174                .oxilab-flip-box-' . $styleid . '-data{
    177175                    position: absolute;
    178176                    left: 0%;
    179                     top: 50%;           
    180                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     177                    top: 50%;
     178                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    181179                    -webkit-transform: translateY(-50%);
    182180                    -ms-transform: translateY(-50%);
     
    186184                    right: 0;
    187185                }
    188                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    189                     display: block;
    190                     text-align: center; 
    191                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px;
    192                 }
    193                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    194                     display: inline-block; 
    195                     width: <?php echo $styledata[79]; ?>px;
    196                     height: <?php echo $styledata[79]; ?>px;
    197                 }
    198                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    199                     line-height: <?php echo $styledata[79]; ?>px;
    200                     font-size: <?php echo $styledata[77]; ?>px;   
    201                     color: <?php echo $styledata[9]; ?>;           
    202                 }
    203                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    204                     display: block;               
    205                     color: <?php echo $styledata[13]; ?>;
    206                     text-align: <?php echo $styledata[91]; ?>;           
    207                     font-size: <?php echo $styledata[83]; ?>px;
    208                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    209                     font-weight: <?php echo $styledata[89]; ?>;
    210                     font-style:<?php echo $styledata[87]; ?>;
    211                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    212                 }
    213                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-info{
    214                     display: block;
    215                     color: <?php echo $styledata[29]; ?>;
    216                     text-align: <?php echo $styledata[171]; ?>;           
    217                     font-size: <?php echo $styledata[163]; ?>px;
    218                     font-family: <?php echo $this->font_familly($styledata[165]); ?>;
    219                     font-weight: <?php echo $styledata[169]; ?>;
    220                     font-style:<?php echo $styledata[167]; ?>;
    221                     padding: <?php echo $styledata[173]; ?>px <?php echo $styledata[179]; ?>px <?php echo $styledata[175]; ?>px <?php echo $styledata[177]; ?>px;
    222                 }
    223                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     186                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     187                    display: block;
     188                    text-align: center;
     189                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     190                }
     191                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     192                    display: inline-block;
     193                    width: ' . $styledata[79] . 'px;
     194                    height: ' . $styledata[79] . 'px;
     195                }
     196                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     197                    line-height: ' . $styledata[79] . 'px;
     198                    font-size: ' . $styledata[77] . 'px;
     199                    color: ' . $styledata[9] . ';
     200                }
     201                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     202                    display: block;
     203                    color: ' . $styledata[13] . ';
     204                    text-align: ' . $styledata[91] . ';
     205                    font-size: ' . $styledata[83] . 'px;
     206                    font-family: ' . $this->font_familly($styledata[85]) . ';
     207                    font-weight: ' . $styledata[89] . ';
     208                    font-style:' . $styledata[87] . ';
     209                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     210                }
     211                .oxilab-flip-box-' . $styleid . '-data .oxilab-info{
     212                    display: block;
     213                    color: ' . $styledata[29] . ';
     214                    text-align: ' . $styledata[171] . ';
     215                    font-size: ' . $styledata[163] . 'px;
     216                    font-family: ' . $this->font_familly($styledata[165]) . ';
     217                    font-weight: ' . $styledata[169] . ';
     218                    font-style:' . $styledata[167] . ';
     219                    padding: ' . $styledata[173] . 'px ' . $styledata[179] . 'px ' . $styledata[175] . 'px ' . $styledata[177] . 'px;
     220                }
     221                .oxilab-flip-box-back-' . $styleid . '{
    224222                    position: absolute;
    225223                    top: 0;
     
    228226                    bottom: 0;
    229227                    display: block;
    230                     background-color: <?php echo $styledata[15]; ?>;
    231                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    232                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    233                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    234                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    235                     border-radius: <?php echo $styledata[153]; ?>px;
     228                    background-color: ' . $styledata[15] . ';
     229                    -webkit-border-radius: ' . $styledata[153] . 'px;
     230                    -moz-border-radius: ' . $styledata[153] . 'px;
     231                    -ms-border-radius: ' . $styledata[153] . 'px;
     232                    -o-border-radius: ' . $styledata[153] . 'px;
     233                    border-radius: ' . $styledata[153] . 'px;
    236234                    overflow: hidden;
    237                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    238                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    239                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    240                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    241                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    242 
    243                 }
    244                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     235                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     236                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     237                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     238                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     239                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     240
     241                }
     242                .oxilab-flip-box-back-' . $styleid . '-data{
    245243                    position: absolute;
    246244                    left: 0%;
    247245                    right: 0;
    248                     top: 50%;           
    249                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     246                    top: 50%;
     247                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    250248                    -webkit-transform: translateY(-50%);
    251249                    -ms-transform: translateY(-50%);
    252250                    -moz-transform: translateY(-50%);
    253251                    -o-transform: translateY(-50%);
    254                     transform: translateY(-50%);           
    255                 }       
    256                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    257                     display: block;
    258                     color:  <?php echo $styledata[19]; ?>;
    259                     text-align: <?php echo $styledata[115]; ?>; 
    260                     font-size: <?php echo $styledata[107]; ?>px;         
    261                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    262                     font-weight: <?php echo $styledata[113]; ?>;
    263                     font-style:<?php echo $styledata[111]; ?>;
    264                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    265                 }
    266                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    267                     display: block;
    268                     text-align: <?php echo $styledata[139]; ?>;
    269                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    270                 }
    271                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    272                     display: inline-block;     
    273                     color: <?php echo $styledata[21]; ?>;           
    274                     font-size: <?php echo $styledata[125]; ?>px;
    275                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    276                     font-weight: <?php echo $styledata[131]; ?>;
    277                     font-style:<?php echo $styledata[129]; ?>;
    278                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    279                 }
    280                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    281                     color:  <?php echo $styledata[25]; ?>;
    282                 }
    283                 <?php echo $styledata[181]; ?>;
    284             </style>
     252                    transform: translateY(-50%);
     253                }
     254                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     255                    display: block;
     256                    color:  ' . $styledata[19] . ';
     257                    text-align: ' . $styledata[115] . ';
     258                    font-size: ' . $styledata[107] . 'px;
     259                    font-family: ' . $this->font_familly($styledata[109]) . ';
     260                    font-weight: ' . $styledata[113] . ';
     261                    font-style:' . $styledata[111] . ';
     262                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     263                }
     264                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     265                    display: block;
     266                    text-align: ' . $styledata[139] . ';
     267                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     268                }
     269                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     270                    display: inline-block;
     271                    color: ' . $styledata[21] . ';
     272                    font-size: ' . $styledata[125] . 'px;
     273                    font-family: ' . $this->font_familly($styledata[127]) . ';
     274                    font-weight: ' . $styledata[131] . ';
     275                    font-style:' . $styledata[129] . ';
     276                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     277                }
     278                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     279                    color:  ' . $styledata[25] . ';
     280                }
     281                ' . $styledata[181] . ';';
     282            ?>
    285283        </div>
    286284        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style8.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3435
    3536
    36                     $filesdata = explode("{#}|{#}", $value['files']);
     37                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3738                    ?>
    38                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?> "
    39                          sa-data-animation="<?php echo $styledata[55]; ?>"
     39                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?> "
     40                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    4041                         sa-data-animation-offset="100%"
    4142                         sa-data-animation-delay="0ms"
    42                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms"
     43                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms"
    4344                         >
    44                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     45                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4546                            <?php
    4647                            if ($filesdata[3] != '') {
    47                                 echo '<a href="' . $filesdata[3] . '" target="' . $styledata[53] . '">';
    48                                 $fileslinkend = '</a>';
    49                             } else {
    50                                 $fileslinkend = '';
     48                                echo '<a href="' . esc_url($filesdata[3]) . '" target="' . esc_attr($styledata[53]) . '">';
    5149                            }
    5250                            ?>
    5351                            <div class="oxilab-flip-box-body-absulote">
    54                                 <div class="<?php echo $styledata[1]; ?>">
    55                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     52                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     53                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5654                                        <div class="oxilab-flip-box-style">
    5755                                            <div class="oxilab-flip-box-front">
    58                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    59                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     56                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     57                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    6058                                                        <div class="oxilab-icon">
    6159                                                            <div class="oxilab-icon-data">
     
    6765                                            </div>
    6866                                            <div class="oxilab-flip-box-back">
    69                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    70                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     67                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     68                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7169                                                        <div class="oxilab-icon">
    7270                                                            <div class="oxilab-icon-data">
     
    8280                            </div>
    8381                            <?php
    84                             echo $fileslinkend;
     82                            if ($filesdata[3] != '') {
     83                                echo '</a>';
     84                            }
    8585                            echo $this->admin_edit_panel($value['id']);
    8686                            ?>
     
    8888                        </div>
    8989
    90                         <style>
    91                 <?php
    92                 if ($filesdata[1] != '') {
    93                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     90
     91                        <?php
     92                        if ($filesdata[1] != '') {
     93                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    9494background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[1] . '");
    9595-moz-background-size: 100% 100%;
     
    9797background-size: 100% 100%;
    9898}';
    99                 }
    100                 ?>
    101                 <?php
    102                 if ($filesdata[5] != '') {
    103                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     99                        }
     100                        ?>
     101                        <?php
     102                        if ($filesdata[5] != '') {
     103                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    104104background: linear-gradient(' . $styledata[9] . ', ' . $styledata[9] . '), url("' . $filesdata[5] . '");
    105105-moz-background-size: 100% 100%;
     
    107107background-size: 100% 100%;
    108108}';
    109                 }
    110                 ?>
    111                         </style>
     109                        }
     110                        ?>
     111
    112112                    </div>
    113113                    <?php
    114114                endif;
    115115            }
    116             ?>
    117 
    118             <style>
    119                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    120                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    121                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    122                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    123                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    124                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    125                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    126                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    127                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    128                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    129                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    130                     animation-duration: <?php echo $styledata[57]; ?>s;
    131                 }
    132                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    133                     max-width: <?php echo $styledata[45]; ?>px;
     116            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     117                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     118                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     119                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     120                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     121                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     122                    transition:  opacity ' . $styledata[57] . 's linear;
     123                    -webkit-animation-duration: ' . $styledata[57] . 's;
     124                    -moz-animation-duration: ' . $styledata[57] . 's;
     125                    -ms-animation-duration: ' . $styledata[57] . 's;
     126                    -o-animation-duration: ' . $styledata[57] . 's;
     127                    animation-duration: ' . $styledata[57] . 's;
     128                }
     129                .oxilab-flip-box-body-' . $styleid . '{
     130                    max-width: ' . $styledata[45] . 'px;
    134131                    width: 100%;
    135132                    margin: 0 auto;
    136                     position: relative;   
    137                 }
    138                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    139                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     133                    position: relative;
     134                }
     135                .oxilab-flip-box-body-' . $styleid . ':after {
     136                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    140137                    content: "";
    141138                    display: block;
    142139                }
    143                 .oxilab-flip-box-<?php echo $styleid; ?>{
     140                .oxilab-flip-box-' . $styleid . '{
    144141                    position: absolute;
    145142                    top: 0;
     
    147144                    right: 0;
    148145                    bottom: 0;
    149                     border-color: <?php echo $styledata[7]; ?>;
    150                     background-color: <?php echo $styledata[5]; ?>;
    151                     border-width: <?php echo $styledata[69]; ?>px;
    152                     border-style:<?php echo $styledata[71]; ?>;
    153                     display: block;
    154                     -webkit-border-radius: <?php echo $styledata[93]; ?>px;
    155                     -moz-border-radius: <?php echo $styledata[93]; ?>px;
    156                     -ms-border-radius: <?php echo $styledata[93]; ?>px;
    157                     -o-border-radius: <?php echo $styledata[93]; ?>px;
    158                     border-radius: <?php echo $styledata[93]; ?>px;
     146                    border-color: ' . $styledata[7] . ';
     147                    background-color: ' . $styledata[5] . ';
     148                    border-width: ' . $styledata[69] . 'px;
     149                    border-style:' . $styledata[71] . ';
     150                    display: block;
     151                    -webkit-border-radius: ' . $styledata[93] . 'px;
     152                    -moz-border-radius: ' . $styledata[93] . 'px;
     153                    -ms-border-radius: ' . $styledata[93] . 'px;
     154                    -o-border-radius: ' . $styledata[93] . 'px;
     155                    border-radius: ' . $styledata[93] . 'px;
    159156                    overflow: hidden;
    160                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    161                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    162                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    163                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    164                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    165 
    166                 }
    167                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     157                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     158                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     159                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     160                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     161                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     162
     163                }
     164                .oxilab-flip-box-' . $styleid . '-data{
    168165                    position: absolute;
    169166                    left: 0%;
    170                     top: 50%;           
     167                    top: 50%;
    171168                    padding: 10px 10px;
    172169                    -webkit-transform: translateY(-50%);
     
    177174                    right: 0;
    178175                }
    179                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    180                     display: block;
    181                     text-align: center; 
    182                     padding: <?php echo $styledata[81]; ?>px <?php echo $styledata[83]; ?>px; 
    183                 }
    184                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    185                     display: inline-block; 
    186                 }
    187                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    188                     line-height: <?php echo $styledata[79]; ?>px;
    189                     font-size: <?php echo $styledata[77]; ?>px;
    190                     color: <?php echo $styledata[13]; ?>;
    191                 }
    192                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     176                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     177                    display: block;
     178                    text-align: center;
     179                    padding: ' . $styledata[81] . 'px ' . $styledata[83] . 'px;
     180                }
     181                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     182                    display: inline-block;
     183                }
     184                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     185                    line-height: ' . $styledata[79] . 'px;
     186                    font-size: ' . $styledata[77] . 'px;
     187                    color: ' . $styledata[13] . ';
     188                }
     189                .oxilab-flip-box-back-' . $styleid . '{
    193190                    position: absolute;
    194191                    top: 0;
     
    196193                    right: 0;
    197194                    bottom: 0;
    198                     border-color: <?php echo $styledata[11]; ?>;
    199                     background-color: <?php echo $styledata[9]; ?>;
    200                     border-width: <?php echo $styledata[73]; ?>px;
    201                     border-style:<?php echo $styledata[75]; ?>;
    202                     display: block;
    203                     -webkit-border-radius: <?php echo $styledata[93]; ?>px;
    204                     -moz-border-radius: <?php echo $styledata[93]; ?>px;
    205                     -ms-border-radius: <?php echo $styledata[93]; ?>px;
    206                     -o-border-radius: <?php echo $styledata[93]; ?>px;
    207                     border-radius: <?php echo $styledata[93]; ?>px;
     195                    border-color: ' . $styledata[11] . ';
     196                    background-color: ' . $styledata[9] . ';
     197                    border-width: ' . $styledata[73] . 'px;
     198                    border-style:' . $styledata[75] . ';
     199                    display: block;
     200                    -webkit-border-radius: ' . $styledata[93] . 'px;
     201                    -moz-border-radius: ' . $styledata[93] . 'px;
     202                    -ms-border-radius: ' . $styledata[93] . 'px;
     203                    -o-border-radius: ' . $styledata[93] . 'px;
     204                    border-radius: ' . $styledata[93] . 'px;
    208205                    overflow: hidden;
    209                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    210                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    211                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    212                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    213                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    214 
    215                 }
    216                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     206                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     207                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     208                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     209                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     210                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     211
     212                }
     213                .oxilab-flip-box-back-' . $styleid . '-data{
    217214                    position: absolute;
    218215                    left: 0%;
    219216                    right: 0;
    220                     top: 50%;           
     217                    top: 50%;
    221218                    padding: 10px 10px;
    222219                    -webkit-transform: translateY(-50%);
     
    224221                    -moz-transform: translateY(-50%);
    225222                    -o-transform: translateY(-50%);
    226                     transform: translateY(-50%);           
    227                 }
    228                 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon{
    229                     display: block;
    230                     text-align: center;
    231                     padding: <?php echo $styledata[89]; ?>px <?php echo $styledata[91]; ?>px;
    232                 }
    233                 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon-data{
    234                     display: inline-block; 
    235                 }
    236                 .oxilab-flip-box-back-<?php echo $styleid; ?> .oxilab-icon-data .oxi-icons{           
    237                     line-height: <?php echo $styledata[87]; ?>px;
    238                     font-size: <?php echo $styledata[85]; ?>px;
    239                     color: <?php echo $styledata[15]; ?>;
    240                 }     
    241         <?php echo $styledata[95]; ?>
    242             </style>
     223                    transform: translateY(-50%);
     224                }
     225                .oxilab-flip-box-back-' . $styleid . ' .oxilab-icon{
     226                    display: block;
     227                    text-align: center;
     228                    padding: ' . $styledata[89] . 'px ' . $styledata[91] . 'px;
     229                }
     230                .oxilab-flip-box-back-' . $styleid . ' .oxilab-icon-data{
     231                    display: inline-block;
     232                }
     233                .oxilab-flip-box-back-' . $styleid . ' .oxilab-icon-data .oxi-icons{
     234                    line-height: ' . $styledata[87] . 'px;
     235                    font-size: ' . $styledata[85] . 'px;
     236                    color: ' . $styledata[15] . ';
     237                }
     238                ' . $styledata[95] . '';
     239            ?>
     240
     241
    243242        </div>
    244243        <?php
  • image-hover-effects-ultimate-visual-composer/trunk/Public_Render/Style9.php

    r2278127 r2648808  
    2626        $styleid = $this->oxiid;
    2727        $styledata = explode('|', $this->dbdata['css']);
     28        $styledata = array_map('esc_attr', explode('|', $this->dbdata['css']));
    2829        $listdata = $this->child;
    2930        ?>
     
    3233            foreach ($listdata as $value) {
    3334                if (!empty($value['files'])):
    34                     $filesdata = explode("{#}|{#}", $value['files']);
     35                    $filesdata = array_map('wp_kses_post', explode("{#}|{#}", $value['files']));
    3536                    ?>
    36                     <div class="<?php echo $styledata[43]; ?> oxilab-flip-box-padding-<?php echo $styleid; ?>"
    37                          sa-data-animation="<?php echo $styledata[55]; ?>"
     37                    <div class="<?php echo esc_attr($styledata[43]); ?> oxilab-flip-box-padding-<?php echo esc_attr($styleid); ?>"
     38                         sa-data-animation="<?php echo esc_attr($styledata[55]); ?>"
    3839                         sa-data-animation-offset="100%"
    3940                         sa-data-animation-delay="0ms"
    40                          sa-data-animation-duration=" <?php echo ($styledata[57] * 1000); ?>ms">
    41                         <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo $styleid; ?> oxilab-flip-box-body-<?php echo $styleid; ?>-<?php echo $value['id']; ?>">
     41                         sa-data-animation-duration=" <?php echo esc_attr(($styledata[57] * 1000)); ?>ms">
     42                        <div class="<?php echo ($this->admin == 'admin') ? 'oxilab-ab-id' : ''; ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?> oxilab-flip-box-body-<?php echo esc_attr($styleid); ?>-<?php echo esc_attr($value['id']); ?>">
    4243                            <?php
    4344                            if ($filesdata[9] == '' && $filesdata[11] != '') {
    44                                 echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
    45                                 $fileslinkend = '</a>';
    46                             } else {
    47                                 $fileslinkend = '';
     45                                echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    4846                            }
    4947                            ?>
    5048                            <div class="oxilab-flip-box-body-absulote">
    51                                 <div class="<?php echo $styledata[1]; ?>">
    52                                     <div class="oxilab-flip-box-style-data <?php echo $styledata[3]; ?>">
     49                                <div class="<?php echo esc_attr($styledata[1]); ?>">
     50                                    <div class="oxilab-flip-box-style-data <?php echo esc_attr($styledata[3]); ?>">
    5351                                        <div class="oxilab-flip-box-style">
    5452                                            <div class="oxilab-flip-box-front">
    55                                                 <div class="oxilab-flip-box-<?php echo $styleid; ?>">
    56                                                     <div class="oxilab-flip-box-<?php echo $styleid; ?>-data">                                           
     53                                                <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>">
     54                                                    <div class="oxilab-flip-box-<?php echo esc_attr($styleid); ?>-data">
    5755                                                        <div class="oxilab-icon">
    5856                                                            <div class="oxilab-icon-data">
     
    6866                                            </div>
    6967                                            <div class="oxilab-flip-box-back">
    70                                                 <div class="oxilab-flip-box-back-<?php echo $styleid; ?>">
    71                                                     <div class="oxilab-flip-box-back-<?php echo $styleid; ?>-data">
     68                                                <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>">
     69                                                    <div class="oxilab-flip-box-back-<?php echo esc_attr($styleid); ?>-data">
    7270                                                        <div class="oxilab-heading">
    7371                                                            <?php echo $this->text_render($filesdata[17]); ?>
     
    7876                                                        <?php
    7977                                                        if ($filesdata[9] != '') {
    80                                                             echo '<a href="' . $filesdata[11] . '" target="' . $styledata[53] . '">';
     78                                                            echo '<a href="' . esc_url($filesdata[11]) . '" target="' . esc_attr($styledata[53]) . '">';
    8179                                                            echo '<div class="oxilab-button">
    8280                                                                    <div class="oxilab-button-data">
     
    9593                            </div>
    9694                            <?php
    97                             echo $fileslinkend;
     95                            if ($filesdata[9] == '' && $filesdata[11] != '') {
     96                                echo '</a>';
     97                            }
    9898                            echo $this->admin_edit_panel($value['id']);
    9999                            ?>
     
    101101                        </div>
    102102
    103                         <style>
    104                 <?php
    105                 if ($filesdata[5] != '') {
    106                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
     103
     104                        <?php
     105                        if ($filesdata[5] != '') {
     106                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-' . $styleid . '{
    107107background: linear-gradient(' . $styledata[5] . ', ' . $styledata[5] . '), url("' . $filesdata[5] . '");
    108108-moz-background-size: 100% 100%;
     
    110110background-size: 100% 100%;
    111111}';
    112                 }
    113                 if ($filesdata[13] != '') {
    114                     echo '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
     112                        }
     113                        if ($filesdata[13] != '') {
     114                            $this->inline_css .= '.oxilab-flip-box-body-' . $styleid . '-' . $value['id'] . ' .oxilab-flip-box-back-' . $styleid . '{
    115115background: linear-gradient(' . $styledata[15] . ', ' . $styledata[15] . '), url("' . $filesdata[13] . '");
    116116-moz-background-size: 100% 100%;
     
    118118background-size: 100% 100%;
    119119}';
    120                 }
    121                 ?>
    122                         </style>
     120                        }
     121                        ?>
     122
    123123                    </div>
    124124                    <?php
    125125                endif;
    126126            }
    127             ?>
    128 
    129             <style>
    130                 .oxilab-flip-box-padding-<?php echo $styleid; ?>{
    131                     padding: <?php echo $styledata[49]; ?>px <?php echo $styledata[51]; ?>px;
    132                     -webkit-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    133                     -moz-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    134                     -ms-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    135                     -o-transition:  opacity <?php echo $styledata[57]; ?>s linear;
    136                     transition:  opacity <?php echo $styledata[57]; ?>s linear;
    137                     -webkit-animation-duration: <?php echo $styledata[57]; ?>s;
    138                     -moz-animation-duration: <?php echo $styledata[57]; ?>s;
    139                     -ms-animation-duration: <?php echo $styledata[57]; ?>s;
    140                     -o-animation-duration: <?php echo $styledata[57]; ?>s;
    141                     animation-duration: <?php echo $styledata[57]; ?>s;
    142                 }
    143                 .oxilab-flip-box-body-<?php echo $styleid; ?>{
    144                     max-width: <?php echo $styledata[45]; ?>px;
     127            $this->inline_css .= '.oxilab-flip-box-padding-' . $styleid . '{
     128                    padding: ' . $styledata[49] . 'px ' . $styledata[51] . 'px;
     129                    -webkit-transition:  opacity ' . $styledata[57] . 's linear;
     130                    -moz-transition:  opacity ' . $styledata[57] . 's linear;
     131                    -ms-transition:  opacity ' . $styledata[57] . 's linear;
     132                    -o-transition:  opacity ' . $styledata[57] . 's linear;
     133                    transition:  opacity ' . $styledata[57] . 's linear;
     134                    -webkit-animation-duration: ' . $styledata[57] . 's;
     135                    -moz-animation-duration: ' . $styledata[57] . 's;
     136                    -ms-animation-duration: ' . $styledata[57] . 's;
     137                    -o-animation-duration: ' . $styledata[57] . 's;
     138                    animation-duration: ' . $styledata[57] . 's;
     139                }
     140                .oxilab-flip-box-body-' . $styleid . '{
     141                    max-width: ' . $styledata[45] . 'px;
    145142                    width: 100%;
    146143                    margin: 0 auto;
    147                     position: relative;   
    148                 }
    149                 .oxilab-flip-box-body-<?php echo $styleid; ?>:after {
    150                     padding-bottom: <?php echo $styledata[47] / $styledata[45] * 100; ?>%;
     144                    position: relative;
     145                }
     146                .oxilab-flip-box-body-' . $styleid . ':after {
     147                    padding-bottom: ' . ($styledata[47] / $styledata[45] * 100) . '%;
    151148                    content: "";
    152149                    display: block;
    153150                }
    154                 .oxilab-flip-box-<?php echo $styleid; ?>{
     151                .oxilab-flip-box-' . $styleid . '{
    155152                    position: absolute;
    156153                    top: 0;
     
    159156                    bottom: 0;
    160157                    display: block;
    161                     background-color: <?php echo $styledata[5]; ?>;
    162                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    163                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    164                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    165                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    166                     border-radius: <?php echo $styledata[153]; ?>px;
     158                    background-color: ' . $styledata[5] . ';
     159                    -webkit-border-radius: ' . $styledata[153] . 'px;
     160                    -moz-border-radius: ' . $styledata[153] . 'px;
     161                    -ms-border-radius: ' . $styledata[153] . 'px;
     162                    -o-border-radius: ' . $styledata[153] . 'px;
     163                    border-radius: ' . $styledata[153] . 'px;
    167164                    overflow: hidden;
    168                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    169                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    170                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    171                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    172                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    173                 }
    174                 .oxilab-flip-box-<?php echo $styleid; ?>-data{           
     165                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     166                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     167                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     168                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     169                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     170                }
     171                .oxilab-flip-box-' . $styleid . '-data{
    175172                    position: absolute;
    176173                    left: 0%;
    177                     top: 50%;           
    178                     padding: <?php echo $styledata[71]; ?>px <?php echo $styledata[73]; ?>px;
     174                    top: 50%;
     175                    padding: ' . $styledata[71] . 'px ' . $styledata[73] . 'px;
    179176                    -webkit-transform: translateY(-50%);
    180177                    -ms-transform: translateY(-50%);
     
    184181                    right: 0;
    185182                }
    186                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon{
    187                     display: block;
    188                     text-align: center; 
    189                     padding:<?php echo $styledata[159]; ?>px <?php echo $styledata[161]; ?>px; 
    190                 }
    191                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data{
    192                     display: inline-block; 
    193                     background-color: <?php echo $styledata[29]; ?>;
    194                     width:<?php echo $styledata[79]; ?>px;
    195                     height:<?php echo $styledata[79]; ?>px;
    196                     -webkit-border-radius: <?php echo $styledata[81]; ?>px;
    197                     -moz-border-radius: <?php echo $styledata[81]; ?>px;
    198                     -ms-border-radius: <?php echo $styledata[81]; ?>px;
    199                     -o-border-radius: <?php echo $styledata[81]; ?>px;
    200                     border-radius: <?php echo $styledata[81]; ?>px;
    201                 }
    202                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-icon-data .oxi-icons{           
    203                     line-height:  <?php echo $styledata[79]; ?>px;
    204                     font-size:  <?php echo $styledata[77]; ?>px;
    205                     color: <?php echo $styledata[9]; ?>;
    206                 }
    207                 .oxilab-flip-box-<?php echo $styleid; ?>-data .oxilab-heading{
    208                     display: block;
    209                     color: <?php echo $styledata[13]; ?>;
    210                     text-align: <?php echo $styledata[91]; ?>;           
    211                     font-size: <?php echo $styledata[83]; ?>px;
    212                     font-family: <?php echo $this->font_familly($styledata[85]); ?>;
    213                     font-weight: <?php echo $styledata[89]; ?>;
    214                     font-style:<?php echo $styledata[87]; ?>;
    215                     padding: <?php echo $styledata[93]; ?>px <?php echo $styledata[99]; ?>px <?php echo $styledata[95]; ?>px <?php echo $styledata[97]; ?>px; 
    216                 }
    217                 .oxilab-flip-box-back-<?php echo $styleid; ?>{
     183                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon{
     184                    display: block;
     185                    text-align: center;
     186                    padding:' . $styledata[159] . 'px ' . $styledata[161] . 'px;
     187                }
     188                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data{
     189                    display: inline-block;
     190                    background-color: ' . $styledata[29] . ';
     191                    width:' . $styledata[79] . 'px;
     192                    height:' . $styledata[79] . 'px;
     193                    -webkit-border-radius: ' . $styledata[81] . 'px;
     194                    -moz-border-radius: ' . $styledata[81] . 'px;
     195                    -ms-border-radius: ' . $styledata[81] . 'px;
     196                    -o-border-radius: ' . $styledata[81] . 'px;
     197                    border-radius: ' . $styledata[81] . 'px;
     198                }
     199                .oxilab-flip-box-' . $styleid . '-data .oxilab-icon-data .oxi-icons{
     200                    line-height:  ' . $styledata[79] . 'px;
     201                    font-size:  ' . $styledata[77] . 'px;
     202                    color: ' . $styledata[9] . ';
     203                }
     204                .oxilab-flip-box-' . $styleid . '-data .oxilab-heading{
     205                    display: block;
     206                    color: ' . $styledata[13] . ';
     207                    text-align: ' . $styledata[91] . ';
     208                    font-size: ' . $styledata[83] . 'px;
     209                    font-family: ' . $this->font_familly($styledata[85]) . ';
     210                    font-weight: ' . $styledata[89] . ';
     211                    font-style:' . $styledata[87] . ';
     212                    padding: ' . $styledata[93] . 'px ' . $styledata[99] . 'px ' . $styledata[95] . 'px ' . $styledata[97] . 'px;
     213                }
     214                .oxilab-flip-box-back-' . $styleid . '{
    218215                    position: absolute;
    219216                    top: 0;
     
    222219                    bottom: 0;
    223220                    display: block;
    224                     background-color: <?php echo $styledata[15]; ?>;
    225                     -webkit-border-radius: <?php echo $styledata[153]; ?>px;
    226                     -moz-border-radius: <?php echo $styledata[153]; ?>px;
    227                     -ms-border-radius: <?php echo $styledata[153]; ?>px;
    228                     -o-border-radius: <?php echo $styledata[153]; ?>px;
    229                     border-radius: <?php echo $styledata[153]; ?>px;
     221                    background-color: ' . $styledata[15] . ';
     222                    -webkit-border-radius: ' . $styledata[153] . 'px;
     223                    -moz-border-radius: ' . $styledata[153] . 'px;
     224                    -ms-border-radius: ' . $styledata[153] . 'px;
     225                    -o-border-radius: ' . $styledata[153] . 'px;
     226                    border-radius: ' . $styledata[153] . 'px;
    230227                    overflow: hidden;
    231                     -webkit-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    232                     -moz-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    233                     -ms-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    234                     -o-box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    235                     box-shadow: <?php echo $styledata[61]; ?>px <?php echo $styledata[63]; ?>px <?php echo $styledata[65]; ?>px <?php echo $styledata[67]; ?>px <?php echo $styledata[59]; ?>;
    236                 }
    237                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data{           
     228                    -webkit-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     229                    -moz-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     230                    -ms-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     231                    -o-box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     232                    box-shadow: ' . $styledata[61] . 'px ' . $styledata[63] . 'px ' . $styledata[65] . 'px ' . $styledata[67] . 'px ' . $styledata[59] . ';
     233                }
     234                .oxilab-flip-box-back-' . $styleid . '-data{
    238235                    position: absolute;
    239236                    left: 0%;
    240237                    right: 0;
    241                     top: 50%;           
    242                     padding: <?php echo $styledata[101]; ?>px <?php echo $styledata[103]; ?>px;
     238                    top: 50%;
     239                    padding: ' . $styledata[101] . 'px ' . $styledata[103] . 'px;
    243240                    -webkit-transform: translateY(-50%);
    244241                    -ms-transform: translateY(-50%);
    245242                    -moz-transform: translateY(-50%);
    246243                    -o-transform: translateY(-50%);
    247                     transform: translateY(-50%);           
    248                 }
    249                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-heading{
    250                     display: block;
    251                     color:  <?php echo $styledata[31]; ?>;
    252                     text-align: <?php echo $styledata[189]; ?>;           
    253                     font-size: <?php echo $styledata[181]; ?>px;         
    254                     font-family: <?php echo $this->font_familly($styledata[183]); ?>;
    255                     font-weight: <?php echo $styledata[187]; ?>;
    256                     font-style:<?php echo $styledata[185]; ?>;
    257                     padding:<?php echo $styledata[191]; ?>px <?php echo $styledata[197]; ?>px <?php echo $styledata[193]; ?>px <?php echo $styledata[195]; ?>px;
    258 
    259                 }
    260                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-info{
    261                     display: block;
    262                     color: <?php echo $styledata[19]; ?>;
    263                     text-align: <?php echo $styledata[115]; ?>;           
    264                     font-size: <?php echo $styledata[107]; ?>px;         
    265                     font-family: <?php echo $this->font_familly($styledata[109]); ?>;
    266                     font-weight: <?php echo $styledata[113]; ?>;
    267                     font-style:<?php echo $styledata[111]; ?>;
    268                     padding:<?php echo $styledata[117]; ?>px <?php echo $styledata[123]; ?>px <?php echo $styledata[119]; ?>px <?php echo $styledata[121]; ?>px;           
    269 
    270                 }
    271                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button{
    272                     display: block;
    273                     text-align: <?php echo $styledata[139]; ?>;
    274                     padding: <?php echo $styledata[141]; ?>px <?php echo $styledata[147]; ?>px <?php echo $styledata[143]; ?>px <?php echo $styledata[145]; ?>px; 
    275 
    276                 }
    277                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data{
    278                     display: inline-block;   
    279                     color: <?php echo $styledata[21]; ?>;
    280                     background-color:  <?php echo $styledata[23]; ?>;     
    281                     font-size: <?php echo $styledata[125]; ?>px;
    282                     font-family: <?php echo $this->font_familly($styledata[127]); ?>;
    283                     font-weight: <?php echo $styledata[131]; ?>;
    284                     font-style:<?php echo $styledata[129]; ?>;
    285                     padding: <?php echo $styledata[133]; ?>px <?php echo $styledata[135]; ?>px; 
    286                     -webkit-border-radius: <?php echo $styledata[137]; ?>px;
    287                     -moz-border-radius: <?php echo $styledata[137]; ?>px;
    288                     -ms-border-radius: <?php echo $styledata[137]; ?>px;
    289                     -o-border-radius: <?php echo $styledata[137]; ?>px;
    290                     border-radius: <?php echo $styledata[137]; ?>px;
    291                 }
    292                 .oxilab-flip-box-back-<?php echo $styleid; ?>-data .oxilab-button-data:hover{
    293                     background-color: <?php echo $styledata[27]; ?>;
    294                     color:  <?php echo $styledata[25]; ?>;
    295                 }
    296                 <?php echo $styledata[199]; ?>;
    297             </style>
     244                    transform: translateY(-50%);
     245                }
     246                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-heading{
     247                    display: block;
     248                    color:  ' . $styledata[31] . ';
     249                    text-align: ' . $styledata[189] . ';
     250                    font-size: ' . $styledata[181] . 'px;
     251                    font-family: ' . $this->font_familly($styledata[183]) . ';
     252                    font-weight: ' . $styledata[187] . ';
     253                    font-style:' . $styledata[185] . ';
     254                    padding:' . $styledata[191] . 'px ' . $styledata[197] . 'px ' . $styledata[193] . 'px ' . $styledata[195] . 'px;
     255
     256                }
     257                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-info{
     258                    display: block;
     259                    color: ' . $styledata[19] . ';
     260                    text-align: ' . $styledata[115] . ';
     261                    font-size: ' . $styledata[107] . 'px;
     262                    font-family: ' . $this->font_familly($styledata[109]) . ';
     263                    font-weight: ' . $styledata[113] . ';
     264                    font-style:' . $styledata[111] . ';
     265                    padding:' . $styledata[117] . 'px ' . $styledata[123] . 'px ' . $styledata[119] . 'px ' . $styledata[121] . 'px;
     266
     267                }
     268                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button{
     269                    display: block;
     270                    text-align: ' . $styledata[139] . ';
     271                    padding: ' . $styledata[141] . 'px ' . $styledata[147] . 'px ' . $styledata[143] . 'px ' . $styledata[145] . 'px;
     272
     273                }
     274                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data{
     275                    display: inline-block;
     276                    color: ' . $styledata[21] . ';
     277                    background-color:  ' . $styledata[23] . ';
     278                    font-size: ' . $styledata[125] . 'px;
     279                    font-family: ' . $this->font_familly($styledata[127]) . ';
     280                    font-weight: ' . $styledata[131] . ';
     281                    font-style:' . $styledata[129] . ';
     282                    padding: ' . $styledata[133] . 'px ' . $styledata[135] . 'px;
     283                    -webkit-border-radius: ' . $styledata[137] . 'px;
     284                    -moz-border-radius: ' . $styledata[137] . 'px;
     285                    -ms-border-radius: ' . $styledata[137] . 'px;
     286                    -o-border-radius: ' . $styledata[137] . 'px;
     287                    border-radius: ' . $styledata[137] . 'px;
     288                }
     289                .oxilab-flip-box-back-' . $styleid . '-data .oxilab-button-data:hover{
     290                    background-color: ' . $styledata[27] . ';
     291                    color:  ' . $styledata[25] . ';
     292                }
     293                ' . $styledata[199] . ';';
     294            ?>
     295
    298296        </div>
    299297
  • image-hover-effects-ultimate-visual-composer/trunk/asset/backend/css/bootstrap.min.css

    r2209121 r2648808  
    1 /*!
    2  * Bootstrap v4.3.1 (https://getbootstrap.com/)
    3  * Copyright 2011-2019 The Bootstrap Authors
    4  * Copyright 2011-2019 Twitter, Inc.
    5  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    6  */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
     1:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}}
    72/*# sourceMappingURL=bootstrap.min.css.map */
  • image-hover-effects-ultimate-visual-composer/trunk/asset/backend/js/bootstrap.min.js

    r2209121 r2648808  
    1 /*!
    2   * Bootstrap v4.3.1 (https://getbootstrap.com/)
    3   * Copyright 2011-2019 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
    4   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
    5   */
    61!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e((t=t||self).bootstrap={},t.jQuery,t.Popper)}(this,function(t,g,u){"use strict";function i(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,n){return e&&i(t.prototype,e),n&&i(t,n),t}function l(o){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.forEach(function(t){var e,n,i;e=o,i=r[n=t],n in e?Object.defineProperty(e,n,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[n]=i})}return o}g=g&&g.hasOwnProperty("default")?g.default:g,u=u&&u.hasOwnProperty("default")?u.default:u;var e="transitionend";function n(t){var e=this,n=!1;return g(this).one(_.TRANSITION_END,function(){n=!0}),setTimeout(function(){n||_.triggerTransitionEnd(e)},t),this}var _={TRANSITION_END:"bsTransitionEnd",getUID:function(t){for(;t+=~~(1e6*Math.random()),document.getElementById(t););return t},getSelectorFromElement:function(t){var e=t.getAttribute("data-target");if(!e||"#"===e){var n=t.getAttribute("href");e=n&&"#"!==n?n.trim():""}try{return document.querySelector(e)?e:null}catch(t){return null}},getTransitionDurationFromElement:function(t){if(!t)return 0;var e=g(t).css("transition-duration"),n=g(t).css("transition-delay"),i=parseFloat(e),o=parseFloat(n);return i||o?(e=e.split(",")[0],n=n.split(",")[0],1e3*(parseFloat(e)+parseFloat(n))):0},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(t){g(t).trigger(e)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i)){var o=n[i],r=e[i],s=r&&_.isElement(r)?"element":(a=r,{}.toString.call(a).match(/\s([a-z]+)/i)[1].toLowerCase());if(!new RegExp(o).test(s))throw new Error(t.toUpperCase()+': Option "'+i+'" provided type "'+s+'" but expected type "'+o+'".')}var a},findShadowRoot:function(t){if(!document.documentElement.attachShadow)return null;if("function"!=typeof t.getRootNode)return t instanceof ShadowRoot?t:t.parentNode?_.findShadowRoot(t.parentNode):null;var e=t.getRootNode();return e instanceof ShadowRoot?e:null}};g.fn.emulateTransitionEnd=n,g.event.special[_.TRANSITION_END]={bindType:e,delegateType:e,handle:function(t){if(g(t.target).is(this))return t.handleObj.handler.apply(this,arguments)}};var o="alert",r="bs.alert",a="."+r,c=g.fn[o],h={CLOSE:"close"+a,CLOSED:"closed"+a,CLICK_DATA_API:"click"+a+".data-api"},f="alert",d="fade",m="show",p=function(){function i(t){this._element=t}var t=i.prototype;return t.close=function(t){var e=this._element;t&&(e=this._getRootElement(t)),this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},t.dispose=function(){g.removeData(this._element,r),this._element=null},t._getRootElement=function(t){var e=_.getSelectorFromElement(t),n=!1;return e&&(n=document.querySelector(e)),n||(n=g(t).closest("."+f)[0]),n},t._triggerCloseEvent=function(t){var e=g.Event(h.CLOSE);return g(t).trigger(e),e},t._removeElement=function(e){var n=this;if(g(e).removeClass(m),g(e).hasClass(d)){var t=_.getTransitionDurationFromElement(e);g(e).one(_.TRANSITION_END,function(t){return n._destroyElement(e,t)}).emulateTransitionEnd(t)}else this._destroyElement(e)},t._destroyElement=function(t){g(t).detach().trigger(h.CLOSED).remove()},i._jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(r);e||(e=new i(this),t.data(r,e)),"close"===n&&e[n](this)})},i._handleDismiss=function(e){return function(t){t&&t.preventDefault(),e.close(this)}},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}}]),i}();g(document).on(h.CLICK_DATA_API,'[data-dismiss="alert"]',p._handleDismiss(new p)),g.fn[o]=p._jQueryInterface,g.fn[o].Constructor=p,g.fn[o].noConflict=function(){return g.fn[o]=c,p._jQueryInterface};var v="button",y="bs.button",E="."+y,C=".data-api",T=g.fn[v],S="active",b="btn",I="focus",D='[data-toggle^="button"]',w='[data-toggle="buttons"]',A='input:not([type="hidden"])',N=".active",O=".btn",k={CLICK_DATA_API:"click"+E+C,FOCUS_BLUR_DATA_API:"focus"+E+C+" blur"+E+C},P=function(){function n(t){this._element=t}var t=n.prototype;return t.toggle=function(){var t=!0,e=!0,n=g(this._element).closest(w)[0];if(n){var i=this._element.querySelector(A);if(i){if("radio"===i.type)if(i.checked&&this._element.classList.contains(S))t=!1;else{var o=n.querySelector(N);o&&g(o).removeClass(S)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!this._element.classList.contains(S),g(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!this._element.classList.contains(S)),t&&g(this._element).toggleClass(S)},t.dispose=function(){g.removeData(this._element,y),this._element=null},n._jQueryInterface=function(e){return this.each(function(){var t=g(this).data(y);t||(t=new n(this),g(this).data(y,t)),"toggle"===e&&t[e]()})},s(n,null,[{key:"VERSION",get:function(){return"4.3.1"}}]),n}();g(document).on(k.CLICK_DATA_API,D,function(t){t.preventDefault();var e=t.target;g(e).hasClass(b)||(e=g(e).closest(O)),P._jQueryInterface.call(g(e),"toggle")}).on(k.FOCUS_BLUR_DATA_API,D,function(t){var e=g(t.target).closest(O)[0];g(e).toggleClass(I,/^focus(in)?$/.test(t.type))}),g.fn[v]=P._jQueryInterface,g.fn[v].Constructor=P,g.fn[v].noConflict=function(){return g.fn[v]=T,P._jQueryInterface};var L="carousel",j="bs.carousel",H="."+j,R=".data-api",x=g.fn[L],F={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0,touch:!0},U={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean",touch:"boolean"},W="next",q="prev",M="left",K="right",Q={SLIDE:"slide"+H,SLID:"slid"+H,KEYDOWN:"keydown"+H,MOUSEENTER:"mouseenter"+H,MOUSELEAVE:"mouseleave"+H,TOUCHSTART:"touchstart"+H,TOUCHMOVE:"touchmove"+H,TOUCHEND:"touchend"+H,POINTERDOWN:"pointerdown"+H,POINTERUP:"pointerup"+H,DRAG_START:"dragstart"+H,LOAD_DATA_API:"load"+H+R,CLICK_DATA_API:"click"+H+R},B="carousel",V="active",Y="slide",z="carousel-item-right",X="carousel-item-left",$="carousel-item-next",G="carousel-item-prev",J="pointer-event",Z=".active",tt=".active.carousel-item",et=".carousel-item",nt=".carousel-item img",it=".carousel-item-next, .carousel-item-prev",ot=".carousel-indicators",rt="[data-slide], [data-slide-to]",st='[data-ride="carousel"]',at={TOUCH:"touch",PEN:"pen"},lt=function(){function r(t,e){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this.touchStartX=0,this.touchDeltaX=0,this._config=this._getConfig(e),this._element=t,this._indicatorsElement=this._element.querySelector(ot),this._touchSupported="ontouchstart"in document.documentElement||0<navigator.maxTouchPoints,this._pointerEvent=Boolean(window.PointerEvent||window.MSPointerEvent),this._addEventListeners()}var t=r.prototype;return t.next=function(){this._isSliding||this._slide(W)},t.nextWhenVisible=function(){!document.hidden&&g(this._element).is(":visible")&&"hidden"!==g(this._element).css("visibility")&&this.next()},t.prev=function(){this._isSliding||this._slide(q)},t.pause=function(t){t||(this._isPaused=!0),this._element.querySelector(it)&&(_.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},t.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},t.to=function(t){var e=this;this._activeElement=this._element.querySelector(tt);var n=this._getItemIndex(this._activeElement);if(!(t>this._items.length-1||t<0))if(this._isSliding)g(this._element).one(Q.SLID,function(){return e.to(t)});else{if(n===t)return this.pause(),void this.cycle();var i=n<t?W:q;this._slide(i,this._items[t])}},t.dispose=function(){g(this._element).off(H),g.removeData(this._element,j),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},t._getConfig=function(t){return t=l({},F,t),_.typeCheckConfig(L,t,U),t},t._handleSwipe=function(){var t=Math.abs(this.touchDeltaX);if(!(t<=40)){var e=t/this.touchDeltaX;0<e&&this.prev(),e<0&&this.next()}},t._addEventListeners=function(){var e=this;this._config.keyboard&&g(this._element).on(Q.KEYDOWN,function(t){return e._keydown(t)}),"hover"===this._config.pause&&g(this._element).on(Q.MOUSEENTER,function(t){return e.pause(t)}).on(Q.MOUSELEAVE,function(t){return e.cycle(t)}),this._config.touch&&this._addTouchEventListeners()},t._addTouchEventListeners=function(){var n=this;if(this._touchSupported){var e=function(t){n._pointerEvent&&at[t.originalEvent.pointerType.toUpperCase()]?n.touchStartX=t.originalEvent.clientX:n._pointerEvent||(n.touchStartX=t.originalEvent.touches[0].clientX)},i=function(t){n._pointerEvent&&at[t.originalEvent.pointerType.toUpperCase()]&&(n.touchDeltaX=t.originalEvent.clientX-n.touchStartX),n._handleSwipe(),"hover"===n._config.pause&&(n.pause(),n.touchTimeout&&clearTimeout(n.touchTimeout),n.touchTimeout=setTimeout(function(t){return n.cycle(t)},500+n._config.interval))};g(this._element.querySelectorAll(nt)).on(Q.DRAG_START,function(t){return t.preventDefault()}),this._pointerEvent?(g(this._element).on(Q.POINTERDOWN,function(t){return e(t)}),g(this._element).on(Q.POINTERUP,function(t){return i(t)}),this._element.classList.add(J)):(g(this._element).on(Q.TOUCHSTART,function(t){return e(t)}),g(this._element).on(Q.TOUCHMOVE,function(t){var e;(e=t).originalEvent.touches&&1<e.originalEvent.touches.length?n.touchDeltaX=0:n.touchDeltaX=e.originalEvent.touches[0].clientX-n.touchStartX}),g(this._element).on(Q.TOUCHEND,function(t){return i(t)}))}},t._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},t._getItemIndex=function(t){return this._items=t&&t.parentNode?[].slice.call(t.parentNode.querySelectorAll(et)):[],this._items.indexOf(t)},t._getItemByDirection=function(t,e){var n=t===W,i=t===q,o=this._getItemIndex(e),r=this._items.length-1;if((i&&0===o||n&&o===r)&&!this._config.wrap)return e;var s=(o+(t===q?-1:1))%this._items.length;return-1===s?this._items[this._items.length-1]:this._items[s]},t._triggerSlideEvent=function(t,e){var n=this._getItemIndex(t),i=this._getItemIndex(this._element.querySelector(tt)),o=g.Event(Q.SLIDE,{relatedTarget:t,direction:e,from:i,to:n});return g(this._element).trigger(o),o},t._setActiveIndicatorElement=function(t){if(this._indicatorsElement){var e=[].slice.call(this._indicatorsElement.querySelectorAll(Z));g(e).removeClass(V);var n=this._indicatorsElement.children[this._getItemIndex(t)];n&&g(n).addClass(V)}},t._slide=function(t,e){var n,i,o,r=this,s=this._element.querySelector(tt),a=this._getItemIndex(s),l=e||s&&this._getItemByDirection(t,s),c=this._getItemIndex(l),h=Boolean(this._interval);if(o=t===W?(n=X,i=$,M):(n=z,i=G,K),l&&g(l).hasClass(V))this._isSliding=!1;else if(!this._triggerSlideEvent(l,o).isDefaultPrevented()&&s&&l){this._isSliding=!0,h&&this.pause(),this._setActiveIndicatorElement(l);var u=g.Event(Q.SLID,{relatedTarget:l,direction:o,from:a,to:c});if(g(this._element).hasClass(Y)){g(l).addClass(i),_.reflow(l),g(s).addClass(n),g(l).addClass(n);var f=parseInt(l.getAttribute("data-interval"),10);this._config.interval=f?(this._config.defaultInterval=this._config.defaultInterval||this._config.interval,f):this._config.defaultInterval||this._config.interval;var d=_.getTransitionDurationFromElement(s);g(s).one(_.TRANSITION_END,function(){g(l).removeClass(n+" "+i).addClass(V),g(s).removeClass(V+" "+i+" "+n),r._isSliding=!1,setTimeout(function(){return g(r._element).trigger(u)},0)}).emulateTransitionEnd(d)}else g(s).removeClass(V),g(l).addClass(V),this._isSliding=!1,g(this._element).trigger(u);h&&this.cycle()}},r._jQueryInterface=function(i){return this.each(function(){var t=g(this).data(j),e=l({},F,g(this).data());"object"==typeof i&&(e=l({},e,i));var n="string"==typeof i?i:e.slide;if(t||(t=new r(this,e),g(this).data(j,t)),"number"==typeof i)t.to(i);else if("string"==typeof n){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}else e.interval&&e.ride&&(t.pause(),t.cycle())})},r._dataApiClickHandler=function(t){var e=_.getSelectorFromElement(this);if(e){var n=g(e)[0];if(n&&g(n).hasClass(B)){var i=l({},g(n).data(),g(this).data()),o=this.getAttribute("data-slide-to");o&&(i.interval=!1),r._jQueryInterface.call(g(n),i),o&&g(n).data(j).to(o),t.preventDefault()}}},s(r,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return F}}]),r}();g(document).on(Q.CLICK_DATA_API,rt,lt._dataApiClickHandler),g(window).on(Q.LOAD_DATA_API,function(){for(var t=[].slice.call(document.querySelectorAll(st)),e=0,n=t.length;e<n;e++){var i=g(t[e]);lt._jQueryInterface.call(i,i.data())}}),g.fn[L]=lt._jQueryInterface,g.fn[L].Constructor=lt,g.fn[L].noConflict=function(){return g.fn[L]=x,lt._jQueryInterface};var ct="collapse",ht="bs.collapse",ut="."+ht,ft=g.fn[ct],dt={toggle:!0,parent:""},gt={toggle:"boolean",parent:"(string|element)"},_t={SHOW:"show"+ut,SHOWN:"shown"+ut,HIDE:"hide"+ut,HIDDEN:"hidden"+ut,CLICK_DATA_API:"click"+ut+".data-api"},mt="show",pt="collapse",vt="collapsing",yt="collapsed",Et="width",Ct="height",Tt=".show, .collapsing",St='[data-toggle="collapse"]',bt=function(){function a(e,t){this._isTransitioning=!1,this._element=e,this._config=this._getConfig(t),this._triggerArray=[].slice.call(document.querySelectorAll('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'));for(var n=[].slice.call(document.querySelectorAll(St)),i=0,o=n.length;i<o;i++){var r=n[i],s=_.getSelectorFromElement(r),a=[].slice.call(document.querySelectorAll(s)).filter(function(t){return t===e});null!==s&&0<a.length&&(this._selector=s,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var t=a.prototype;return t.toggle=function(){g(this._element).hasClass(mt)?this.hide():this.show()},t.show=function(){var t,e,n=this;if(!this._isTransitioning&&!g(this._element).hasClass(mt)&&(this._parent&&0===(t=[].slice.call(this._parent.querySelectorAll(Tt)).filter(function(t){return"string"==typeof n._config.parent?t.getAttribute("data-parent")===n._config.parent:t.classList.contains(pt)})).length&&(t=null),!(t&&(e=g(t).not(this._selector).data(ht))&&e._isTransitioning))){var i=g.Event(_t.SHOW);if(g(this._element).trigger(i),!i.isDefaultPrevented()){t&&(a._jQueryInterface.call(g(t).not(this._selector),"hide"),e||g(t).data(ht,null));var o=this._getDimension();g(this._element).removeClass(pt).addClass(vt),this._element.style[o]=0,this._triggerArray.length&&g(this._triggerArray).removeClass(yt).attr("aria-expanded",!0),this.setTransitioning(!0);var r="scroll"+(o[0].toUpperCase()+o.slice(1)),s=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,function(){g(n._element).removeClass(vt).addClass(pt).addClass(mt),n._element.style[o]="",n.setTransitioning(!1),g(n._element).trigger(_t.SHOWN)}).emulateTransitionEnd(s),this._element.style[o]=this._element[r]+"px"}}},t.hide=function(){var t=this;if(!this._isTransitioning&&g(this._element).hasClass(mt)){var e=g.Event(_t.HIDE);if(g(this._element).trigger(e),!e.isDefaultPrevented()){var n=this._getDimension();this._element.style[n]=this._element.getBoundingClientRect()[n]+"px",_.reflow(this._element),g(this._element).addClass(vt).removeClass(pt).removeClass(mt);var i=this._triggerArray.length;if(0<i)for(var o=0;o<i;o++){var r=this._triggerArray[o],s=_.getSelectorFromElement(r);if(null!==s)g([].slice.call(document.querySelectorAll(s))).hasClass(mt)||g(r).addClass(yt).attr("aria-expanded",!1)}this.setTransitioning(!0);this._element.style[n]="";var a=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,function(){t.setTransitioning(!1),g(t._element).removeClass(vt).addClass(pt).trigger(_t.HIDDEN)}).emulateTransitionEnd(a)}}},t.setTransitioning=function(t){this._isTransitioning=t},t.dispose=function(){g.removeData(this._element,ht),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null},t._getConfig=function(t){return(t=l({},dt,t)).toggle=Boolean(t.toggle),_.typeCheckConfig(ct,t,gt),t},t._getDimension=function(){return g(this._element).hasClass(Et)?Et:Ct},t._getParent=function(){var t,n=this;_.isElement(this._config.parent)?(t=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(t=this._config.parent[0])):t=document.querySelector(this._config.parent);var e='[data-toggle="collapse"][data-parent="'+this._config.parent+'"]',i=[].slice.call(t.querySelectorAll(e));return g(i).each(function(t,e){n._addAriaAndCollapsedClass(a._getTargetFromElement(e),[e])}),t},t._addAriaAndCollapsedClass=function(t,e){var n=g(t).hasClass(mt);e.length&&g(e).toggleClass(yt,!n).attr("aria-expanded",n)},a._getTargetFromElement=function(t){var e=_.getSelectorFromElement(t);return e?document.querySelector(e):null},a._jQueryInterface=function(i){return this.each(function(){var t=g(this),e=t.data(ht),n=l({},dt,t.data(),"object"==typeof i&&i?i:{});if(!e&&n.toggle&&/show|hide/.test(i)&&(n.toggle=!1),e||(e=new a(this,n),t.data(ht,e)),"string"==typeof i){if("undefined"==typeof e[i])throw new TypeError('No method named "'+i+'"');e[i]()}})},s(a,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return dt}}]),a}();g(document).on(_t.CLICK_DATA_API,St,function(t){"A"===t.currentTarget.tagName&&t.preventDefault();var n=g(this),e=_.getSelectorFromElement(this),i=[].slice.call(document.querySelectorAll(e));g(i).each(function(){var t=g(this),e=t.data(ht)?"toggle":n.data();bt._jQueryInterface.call(t,e)})}),g.fn[ct]=bt._jQueryInterface,g.fn[ct].Constructor=bt,g.fn[ct].noConflict=function(){return g.fn[ct]=ft,bt._jQueryInterface};var It="dropdown",Dt="bs.dropdown",wt="."+Dt,At=".data-api",Nt=g.fn[It],Ot=new RegExp("38|40|27"),kt={HIDE:"hide"+wt,HIDDEN:"hidden"+wt,SHOW:"show"+wt,SHOWN:"shown"+wt,CLICK:"click"+wt,CLICK_DATA_API:"click"+wt+At,KEYDOWN_DATA_API:"keydown"+wt+At,KEYUP_DATA_API:"keyup"+wt+At},Pt="disabled",Lt="show",jt="dropup",Ht="dropright",Rt="dropleft",xt="dropdown-menu-right",Ft="position-static",Ut='[data-toggle="dropdown"]',Wt=".dropdown form",qt=".dropdown-menu",Mt=".navbar-nav",Kt=".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",Qt="top-start",Bt="top-end",Vt="bottom-start",Yt="bottom-end",zt="right-start",Xt="left-start",$t={offset:0,flip:!0,boundary:"scrollParent",reference:"toggle",display:"dynamic"},Gt={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)",reference:"(string|element)",display:"string"},Jt=function(){function c(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var t=c.prototype;return t.toggle=function(){if(!this._element.disabled&&!g(this._element).hasClass(Pt)){var t=c._getParentFromElement(this._element),e=g(this._menu).hasClass(Lt);if(c._clearMenus(),!e){var n={relatedTarget:this._element},i=g.Event(kt.SHOW,n);if(g(t).trigger(i),!i.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof u)throw new TypeError("Bootstrap's dropdowns require Popper.js (https://popper.js.org/)");var o=this._element;"parent"===this._config.reference?o=t:_.isElement(this._config.reference)&&(o=this._config.reference,"undefined"!=typeof this._config.reference.jquery&&(o=this._config.reference[0])),"scrollParent"!==this._config.boundary&&g(t).addClass(Ft),this._popper=new u(o,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===g(t).closest(Mt).length&&g(document.body).children().on("mouseover",null,g.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),g(this._menu).toggleClass(Lt),g(t).toggleClass(Lt).trigger(g.Event(kt.SHOWN,n))}}}},t.show=function(){if(!(this._element.disabled||g(this._element).hasClass(Pt)||g(this._menu).hasClass(Lt))){var t={relatedTarget:this._element},e=g.Event(kt.SHOW,t),n=c._getParentFromElement(this._element);g(n).trigger(e),e.isDefaultPrevented()||(g(this._menu).toggleClass(Lt),g(n).toggleClass(Lt).trigger(g.Event(kt.SHOWN,t)))}},t.hide=function(){if(!this._element.disabled&&!g(this._element).hasClass(Pt)&&g(this._menu).hasClass(Lt)){var t={relatedTarget:this._element},e=g.Event(kt.HIDE,t),n=c._getParentFromElement(this._element);g(n).trigger(e),e.isDefaultPrevented()||(g(this._menu).toggleClass(Lt),g(n).toggleClass(Lt).trigger(g.Event(kt.HIDDEN,t)))}},t.dispose=function(){g.removeData(this._element,Dt),g(this._element).off(wt),this._element=null,(this._menu=null)!==this._popper&&(this._popper.destroy(),this._popper=null)},t.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},t._addEventListeners=function(){var e=this;g(this._element).on(kt.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},t._getConfig=function(t){return t=l({},this.constructor.Default,g(this._element).data(),t),_.typeCheckConfig(It,t,this.constructor.DefaultType),t},t._getMenuElement=function(){if(!this._menu){var t=c._getParentFromElement(this._element);t&&(this._menu=t.querySelector(qt))}return this._menu},t._getPlacement=function(){var t=g(this._element.parentNode),e=Vt;return t.hasClass(jt)?(e=Qt,g(this._menu).hasClass(xt)&&(e=Bt)):t.hasClass(Ht)?e=zt:t.hasClass(Rt)?e=Xt:g(this._menu).hasClass(xt)&&(e=Yt),e},t._detectNavbar=function(){return 0<g(this._element).closest(".navbar").length},t._getOffset=function(){var e=this,t={};return"function"==typeof this._config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e._config.offset(t.offsets,e._element)||{}),t}:t.offset=this._config.offset,t},t._getPopperConfig=function(){var t={placement:this._getPlacement(),modifiers:{offset:this._getOffset(),flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return"static"===this._config.display&&(t.modifiers.applyStyle={enabled:!1}),t},c._jQueryInterface=function(e){return this.each(function(){var t=g(this).data(Dt);if(t||(t=new c(this,"object"==typeof e?e:null),g(this).data(Dt,t)),"string"==typeof e){if("undefined"==typeof t[e])throw new TypeError('No method named "'+e+'"');t[e]()}})},c._clearMenus=function(t){if(!t||3!==t.which&&("keyup"!==t.type||9===t.which))for(var e=[].slice.call(document.querySelectorAll(Ut)),n=0,i=e.length;n<i;n++){var o=c._getParentFromElement(e[n]),r=g(e[n]).data(Dt),s={relatedTarget:e[n]};if(t&&"click"===t.type&&(s.clickEvent=t),r){var a=r._menu;if(g(o).hasClass(Lt)&&!(t&&("click"===t.type&&/input|textarea/i.test(t.target.tagName)||"keyup"===t.type&&9===t.which)&&g.contains(o,t.target))){var l=g.Event(kt.HIDE,s);g(o).trigger(l),l.isDefaultPrevented()||("ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),e[n].setAttribute("aria-expanded","false"),g(a).removeClass(Lt),g(o).removeClass(Lt).trigger(g.Event(kt.HIDDEN,s)))}}}},c._getParentFromElement=function(t){var e,n=_.getSelectorFromElement(t);return n&&(e=document.querySelector(n)),e||t.parentNode},c._dataApiKeydownHandler=function(t){if((/input|textarea/i.test(t.target.tagName)?!(32===t.which||27!==t.which&&(40!==t.which&&38!==t.which||g(t.target).closest(qt).length)):Ot.test(t.which))&&(t.preventDefault(),t.stopPropagation(),!this.disabled&&!g(this).hasClass(Pt))){var e=c._getParentFromElement(this),n=g(e).hasClass(Lt);if(n&&(!n||27!==t.which&&32!==t.which)){var i=[].slice.call(e.querySelectorAll(Kt));if(0!==i.length){var o=i.indexOf(t.target);38===t.which&&0<o&&o--,40===t.which&&o<i.length-1&&o++,o<0&&(o=0),i[o].focus()}}else{if(27===t.which){var r=e.querySelector(Ut);g(r).trigger("focus")}g(this).trigger("click")}}},s(c,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return $t}},{key:"DefaultType",get:function(){return Gt}}]),c}();g(document).on(kt.KEYDOWN_DATA_API,Ut,Jt._dataApiKeydownHandler).on(kt.KEYDOWN_DATA_API,qt,Jt._dataApiKeydownHandler).on(kt.CLICK_DATA_API+" "+kt.KEYUP_DATA_API,Jt._clearMenus).on(kt.CLICK_DATA_API,Ut,function(t){t.preventDefault(),t.stopPropagation(),Jt._jQueryInterface.call(g(this),"toggle")}).on(kt.CLICK_DATA_API,Wt,function(t){t.stopPropagation()}),g.fn[It]=Jt._jQueryInterface,g.fn[It].Constructor=Jt,g.fn[It].noConflict=function(){return g.fn[It]=Nt,Jt._jQueryInterface};var Zt="modal",te="bs.modal",ee="."+te,ne=g.fn[Zt],ie={backdrop:!0,keyboard:!0,focus:!0,show:!0},oe={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},re={HIDE:"hide"+ee,HIDDEN:"hidden"+ee,SHOW:"show"+ee,SHOWN:"shown"+ee,FOCUSIN:"focusin"+ee,RESIZE:"resize"+ee,CLICK_DISMISS:"click.dismiss"+ee,KEYDOWN_DISMISS:"keydown.dismiss"+ee,MOUSEUP_DISMISS:"mouseup.dismiss"+ee,MOUSEDOWN_DISMISS:"mousedown.dismiss"+ee,CLICK_DATA_API:"click"+ee+".data-api"},se="modal-dialog-scrollable",ae="modal-scrollbar-measure",le="modal-backdrop",ce="modal-open",he="fade",ue="show",fe=".modal-dialog",de=".modal-body",ge='[data-toggle="modal"]',_e='[data-dismiss="modal"]',me=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",pe=".sticky-top",ve=function(){function o(t,e){this._config=this._getConfig(e),this._element=t,this._dialog=t.querySelector(fe),this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._isTransitioning=!1,this._scrollbarWidth=0}var t=o.prototype;return t.toggle=function(t){return this._isShown?this.hide():this.show(t)},t.show=function(t){var e=this;if(!this._isShown&&!this._isTransitioning){g(this._element).hasClass(he)&&(this._isTransitioning=!0);var n=g.Event(re.SHOW,{relatedTarget:t});g(this._element).trigger(n),this._isShown||n.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),this._setEscapeEvent(),this._setResizeEvent(),g(this._element).on(re.CLICK_DISMISS,_e,function(t){return e.hide(t)}),g(this._dialog).on(re.MOUSEDOWN_DISMISS,function(){g(e._element).one(re.MOUSEUP_DISMISS,function(t){g(t.target).is(e._element)&&(e._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return e._showElement(t)}))}},t.hide=function(t){var e=this;if(t&&t.preventDefault(),this._isShown&&!this._isTransitioning){var n=g.Event(re.HIDE);if(g(this._element).trigger(n),this._isShown&&!n.isDefaultPrevented()){this._isShown=!1;var i=g(this._element).hasClass(he);if(i&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),g(document).off(re.FOCUSIN),g(this._element).removeClass(ue),g(this._element).off(re.CLICK_DISMISS),g(this._dialog).off(re.MOUSEDOWN_DISMISS),i){var o=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,function(t){return e._hideModal(t)}).emulateTransitionEnd(o)}else this._hideModal()}}},t.dispose=function(){[window,this._element,this._dialog].forEach(function(t){return g(t).off(ee)}),g(document).off(re.FOCUSIN),g.removeData(this._element,te),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._isTransitioning=null,this._scrollbarWidth=null},t.handleUpdate=function(){this._adjustDialog()},t._getConfig=function(t){return t=l({},ie,t),_.typeCheckConfig(Zt,t,oe),t},t._showElement=function(t){var e=this,n=g(this._element).hasClass(he);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),g(this._dialog).hasClass(se)?this._dialog.querySelector(de).scrollTop=0:this._element.scrollTop=0,n&&_.reflow(this._element),g(this._element).addClass(ue),this._config.focus&&this._enforceFocus();var i=g.Event(re.SHOWN,{relatedTarget:t}),o=function(){e._config.focus&&e._element.focus(),e._isTransitioning=!1,g(e._element).trigger(i)};if(n){var r=_.getTransitionDurationFromElement(this._dialog);g(this._dialog).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o()},t._enforceFocus=function(){var e=this;g(document).off(re.FOCUSIN).on(re.FOCUSIN,function(t){document!==t.target&&e._element!==t.target&&0===g(e._element).has(t.target).length&&e._element.focus()})},t._setEscapeEvent=function(){var e=this;this._isShown&&this._config.keyboard?g(this._element).on(re.KEYDOWN_DISMISS,function(t){27===t.which&&(t.preventDefault(),e.hide())}):this._isShown||g(this._element).off(re.KEYDOWN_DISMISS)},t._setResizeEvent=function(){var e=this;this._isShown?g(window).on(re.RESIZE,function(t){return e.handleUpdate(t)}):g(window).off(re.RESIZE)},t._hideModal=function(){var t=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._isTransitioning=!1,this._showBackdrop(function(){g(document.body).removeClass(ce),t._resetAdjustments(),t._resetScrollbar(),g(t._element).trigger(re.HIDDEN)})},t._removeBackdrop=function(){this._backdrop&&(g(this._backdrop).remove(),this._backdrop=null)},t._showBackdrop=function(t){var e=this,n=g(this._element).hasClass(he)?he:"";if(this._isShown&&this._config.backdrop){if(this._backdrop=document.createElement("div"),this._backdrop.className=le,n&&this._backdrop.classList.add(n),g(this._backdrop).appendTo(document.body),g(this._element).on(re.CLICK_DISMISS,function(t){e._ignoreBackdropClick?e._ignoreBackdropClick=!1:t.target===t.currentTarget&&("static"===e._config.backdrop?e._element.focus():e.hide())}),n&&_.reflow(this._backdrop),g(this._backdrop).addClass(ue),!t)return;if(!n)return void t();var i=_.getTransitionDurationFromElement(this._backdrop);g(this._backdrop).one(_.TRANSITION_END,t).emulateTransitionEnd(i)}else if(!this._isShown&&this._backdrop){g(this._backdrop).removeClass(ue);var o=function(){e._removeBackdrop(),t&&t()};if(g(this._element).hasClass(he)){var r=_.getTransitionDurationFromElement(this._backdrop);g(this._backdrop).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o()}else t&&t()},t._adjustDialog=function(){var t=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},t._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},t._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()},t._setScrollbar=function(){var o=this;if(this._isBodyOverflowing){var t=[].slice.call(document.querySelectorAll(me)),e=[].slice.call(document.querySelectorAll(pe));g(t).each(function(t,e){var n=e.style.paddingRight,i=g(e).css("padding-right");g(e).data("padding-right",n).css("padding-right",parseFloat(i)+o._scrollbarWidth+"px")}),g(e).each(function(t,e){var n=e.style.marginRight,i=g(e).css("margin-right");g(e).data("margin-right",n).css("margin-right",parseFloat(i)-o._scrollbarWidth+"px")});var n=document.body.style.paddingRight,i=g(document.body).css("padding-right");g(document.body).data("padding-right",n).css("padding-right",parseFloat(i)+this._scrollbarWidth+"px")}g(document.body).addClass(ce)},t._resetScrollbar=function(){var t=[].slice.call(document.querySelectorAll(me));g(t).each(function(t,e){var n=g(e).data("padding-right");g(e).removeData("padding-right"),e.style.paddingRight=n||""});var e=[].slice.call(document.querySelectorAll(""+pe));g(e).each(function(t,e){var n=g(e).data("margin-right");"undefined"!=typeof n&&g(e).css("margin-right",n).removeData("margin-right")});var n=g(document.body).data("padding-right");g(document.body).removeData("padding-right"),document.body.style.paddingRight=n||""},t._getScrollbarWidth=function(){var t=document.createElement("div");t.className=ae,document.body.appendChild(t);var e=t.getBoundingClientRect().width-t.clientWidth;return document.body.removeChild(t),e},o._jQueryInterface=function(n,i){return this.each(function(){var t=g(this).data(te),e=l({},ie,g(this).data(),"object"==typeof n&&n?n:{});if(t||(t=new o(this,e),g(this).data(te,t)),"string"==typeof n){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n](i)}else e.show&&t.show(i)})},s(o,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return ie}}]),o}();g(document).on(re.CLICK_DATA_API,ge,function(t){var e,n=this,i=_.getSelectorFromElement(this);i&&(e=document.querySelector(i));var o=g(e).data(te)?"toggle":l({},g(e).data(),g(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||t.preventDefault();var r=g(e).one(re.SHOW,function(t){t.isDefaultPrevented()||r.one(re.HIDDEN,function(){g(n).is(":visible")&&n.focus()})});ve._jQueryInterface.call(g(e),o,this)}),g.fn[Zt]=ve._jQueryInterface,g.fn[Zt].Constructor=ve,g.fn[Zt].noConflict=function(){return g.fn[Zt]=ne,ve._jQueryInterface};var ye=["background","cite","href","itemtype","longdesc","poster","src","xlink:href"],Ee={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},Ce=/^(?:(?:https?|mailto|ftp|tel|file):|[^&:/?#]*(?:[/?#]|$))/gi,Te=/^data:(?:image\/(?:bmp|gif|jpeg|jpg|png|tiff|webp)|video\/(?:mpeg|mp4|ogg|webm)|audio\/(?:mp3|oga|ogg|opus));base64,[a-z0-9+/]+=*$/i;function Se(t,s,e){if(0===t.length)return t;if(e&&"function"==typeof e)return e(t);for(var n=(new window.DOMParser).parseFromString(t,"text/html"),a=Object.keys(s),l=[].slice.call(n.body.querySelectorAll("*")),i=function(t,e){var n=l[t],i=n.nodeName.toLowerCase();if(-1===a.indexOf(n.nodeName.toLowerCase()))return n.parentNode.removeChild(n),"continue";var o=[].slice.call(n.attributes),r=[].concat(s["*"]||[],s[i]||[]);o.forEach(function(t){(function(t,e){var n=t.nodeName.toLowerCase();if(-1!==e.indexOf(n))return-1===ye.indexOf(n)||Boolean(t.nodeValue.match(Ce)||t.nodeValue.match(Te));for(var i=e.filter(function(t){return t instanceof RegExp}),o=0,r=i.length;o<r;o++)if(n.match(i[o]))return!0;return!1})(t,r)||n.removeAttribute(t.nodeName)})},o=0,r=l.length;o<r;o++)i(o);return n.body.innerHTML}var be="tooltip",Ie="bs.tooltip",De="."+Ie,we=g.fn[be],Ae="bs-tooltip",Ne=new RegExp("(^|\\s)"+Ae+"\\S+","g"),Oe=["sanitize","whiteList","sanitizeFn"],ke={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string|function)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)",sanitize:"boolean",sanitizeFn:"(null|function)",whiteList:"object"},Pe={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},Le={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent",sanitize:!0,sanitizeFn:null,whiteList:Ee},je="show",He="out",Re={HIDE:"hide"+De,HIDDEN:"hidden"+De,SHOW:"show"+De,SHOWN:"shown"+De,INSERTED:"inserted"+De,CLICK:"click"+De,FOCUSIN:"focusin"+De,FOCUSOUT:"focusout"+De,MOUSEENTER:"mouseenter"+De,MOUSELEAVE:"mouseleave"+De},xe="fade",Fe="show",Ue=".tooltip-inner",We=".arrow",qe="hover",Me="focus",Ke="click",Qe="manual",Be=function(){function i(t,e){if("undefined"==typeof u)throw new TypeError("Bootstrap's tooltips require Popper.js (https://popper.js.org/)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var t=i.prototype;return t.enable=function(){this._isEnabled=!0},t.disable=function(){this._isEnabled=!1},t.toggleEnabled=function(){this._isEnabled=!this._isEnabled},t.toggle=function(t){if(this._isEnabled)if(t){var e=this.constructor.DATA_KEY,n=g(t.currentTarget).data(e);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(g(this.getTipElement()).hasClass(Fe))return void this._leave(null,this);this._enter(null,this)}},t.dispose=function(){clearTimeout(this._timeout),g.removeData(this.element,this.constructor.DATA_KEY),g(this.element).off(this.constructor.EVENT_KEY),g(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&g(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,(this._activeTrigger=null)!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},t.show=function(){var e=this;if("none"===g(this.element).css("display"))throw new Error("Please use show on visible elements");var t=g.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){g(this.element).trigger(t);var n=_.findShadowRoot(this.element),i=g.contains(null!==n?n:this.element.ownerDocument.documentElement,this.element);if(t.isDefaultPrevented()||!i)return;var o=this.getTipElement(),r=_.getUID(this.constructor.NAME);o.setAttribute("id",r),this.element.setAttribute("aria-describedby",r),this.setContent(),this.config.animation&&g(o).addClass(xe);var s="function"==typeof this.config.placement?this.config.placement.call(this,o,this.element):this.config.placement,a=this._getAttachment(s);this.addAttachmentClass(a);var l=this._getContainer();g(o).data(this.constructor.DATA_KEY,this),g.contains(this.element.ownerDocument.documentElement,this.tip)||g(o).appendTo(l),g(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new u(this.element,o,{placement:a,modifiers:{offset:this._getOffset(),flip:{behavior:this.config.fallbackPlacement},arrow:{element:We},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){return e._handlePopperPlacementChange(t)}}),g(o).addClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().on("mouseover",null,g.noop);var c=function(){e.config.animation&&e._fixTransition();var t=e._hoverState;e._hoverState=null,g(e.element).trigger(e.constructor.Event.SHOWN),t===He&&e._leave(null,e)};if(g(this.tip).hasClass(xe)){var h=_.getTransitionDurationFromElement(this.tip);g(this.tip).one(_.TRANSITION_END,c).emulateTransitionEnd(h)}else c()}},t.hide=function(t){var e=this,n=this.getTipElement(),i=g.Event(this.constructor.Event.HIDE),o=function(){e._hoverState!==je&&n.parentNode&&n.parentNode.removeChild(n),e._cleanTipClass(),e.element.removeAttribute("aria-describedby"),g(e.element).trigger(e.constructor.Event.HIDDEN),null!==e._popper&&e._popper.destroy(),t&&t()};if(g(this.element).trigger(i),!i.isDefaultPrevented()){if(g(n).removeClass(Fe),"ontouchstart"in document.documentElement&&g(document.body).children().off("mouseover",null,g.noop),this._activeTrigger[Ke]=!1,this._activeTrigger[Me]=!1,this._activeTrigger[qe]=!1,g(this.tip).hasClass(xe)){var r=_.getTransitionDurationFromElement(n);g(n).one(_.TRANSITION_END,o).emulateTransitionEnd(r)}else o();this._hoverState=""}},t.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},t.isWithContent=function(){return Boolean(this.getTitle())},t.addAttachmentClass=function(t){g(this.getTipElement()).addClass(Ae+"-"+t)},t.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},t.setContent=function(){var t=this.getTipElement();this.setElementContent(g(t.querySelectorAll(Ue)),this.getTitle()),g(t).removeClass(xe+" "+Fe)},t.setElementContent=function(t,e){"object"!=typeof e||!e.nodeType&&!e.jquery?this.config.html?(this.config.sanitize&&(e=Se(e,this.config.whiteList,this.config.sanitizeFn)),t.html(e)):t.text(e):this.config.html?g(e).parent().is(t)||t.empty().append(e):t.text(g(e).text())},t.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},t._getOffset=function(){var e=this,t={};return"function"==typeof this.config.offset?t.fn=function(t){return t.offsets=l({},t.offsets,e.config.offset(t.offsets,e.element)||{}),t}:t.offset=this.config.offset,t},t._getContainer=function(){return!1===this.config.container?document.body:_.isElement(this.config.container)?g(this.config.container):g(document).find(this.config.container)},t._getAttachment=function(t){return Pe[t.toUpperCase()]},t._setListeners=function(){var i=this;this.config.trigger.split(" ").forEach(function(t){if("click"===t)g(i.element).on(i.constructor.Event.CLICK,i.config.selector,function(t){return i.toggle(t)});else if(t!==Qe){var e=t===qe?i.constructor.Event.MOUSEENTER:i.constructor.Event.FOCUSIN,n=t===qe?i.constructor.Event.MOUSELEAVE:i.constructor.Event.FOCUSOUT;g(i.element).on(e,i.config.selector,function(t){return i._enter(t)}).on(n,i.config.selector,function(t){return i._leave(t)})}}),g(this.element).closest(".modal").on("hide.bs.modal",function(){i.element&&i.hide()}),this.config.selector?this.config=l({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},t._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},t._enter=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusin"===t.type?Me:qe]=!0),g(e.getTipElement()).hasClass(Fe)||e._hoverState===je?e._hoverState=je:(clearTimeout(e._timeout),e._hoverState=je,e.config.delay&&e.config.delay.show?e._timeout=setTimeout(function(){e._hoverState===je&&e.show()},e.config.delay.show):e.show())},t._leave=function(t,e){var n=this.constructor.DATA_KEY;(e=e||g(t.currentTarget).data(n))||(e=new this.constructor(t.currentTarget,this._getDelegateConfig()),g(t.currentTarget).data(n,e)),t&&(e._activeTrigger["focusout"===t.type?Me:qe]=!1),e._isWithActiveTrigger()||(clearTimeout(e._timeout),e._hoverState=He,e.config.delay&&e.config.delay.hide?e._timeout=setTimeout(function(){e._hoverState===He&&e.hide()},e.config.delay.hide):e.hide())},t._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},t._getConfig=function(t){var e=g(this.element).data();return Object.keys(e).forEach(function(t){-1!==Oe.indexOf(t)&&delete e[t]}),"number"==typeof(t=l({},this.constructor.Default,e,"object"==typeof t&&t?t:{})).delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),_.typeCheckConfig(be,t,this.constructor.DefaultType),t.sanitize&&(t.template=Se(t.template,t.whiteList,t.sanitizeFn)),t},t._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},t._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ne);null!==e&&e.length&&t.removeClass(e.join(""))},t._handlePopperPlacementChange=function(t){var e=t.instance;this.tip=e.popper,this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},t._fixTransition=function(){var t=this.getTipElement(),e=this.config.animation;null===t.getAttribute("x-placement")&&(g(t).removeClass(xe),this.config.animation=!1,this.hide(),this.show(),this.config.animation=e)},i._jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ie),e="object"==typeof n&&n;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ie,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Le}},{key:"NAME",get:function(){return be}},{key:"DATA_KEY",get:function(){return Ie}},{key:"Event",get:function(){return Re}},{key:"EVENT_KEY",get:function(){return De}},{key:"DefaultType",get:function(){return ke}}]),i}();g.fn[be]=Be._jQueryInterface,g.fn[be].Constructor=Be,g.fn[be].noConflict=function(){return g.fn[be]=we,Be._jQueryInterface};var Ve="popover",Ye="bs.popover",ze="."+Ye,Xe=g.fn[Ve],$e="bs-popover",Ge=new RegExp("(^|\\s)"+$e+"\\S+","g"),Je=l({},Be.Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),Ze=l({},Be.DefaultType,{content:"(string|element|function)"}),tn="fade",en="show",nn=".popover-header",on=".popover-body",rn={HIDE:"hide"+ze,HIDDEN:"hidden"+ze,SHOW:"show"+ze,SHOWN:"shown"+ze,INSERTED:"inserted"+ze,CLICK:"click"+ze,FOCUSIN:"focusin"+ze,FOCUSOUT:"focusout"+ze,MOUSEENTER:"mouseenter"+ze,MOUSELEAVE:"mouseleave"+ze},sn=function(t){var e,n;function i(){return t.apply(this,arguments)||this}n=t,(e=i).prototype=Object.create(n.prototype),(e.prototype.constructor=e).__proto__=n;var o=i.prototype;return o.isWithContent=function(){return this.getTitle()||this._getContent()},o.addAttachmentClass=function(t){g(this.getTipElement()).addClass($e+"-"+t)},o.getTipElement=function(){return this.tip=this.tip||g(this.config.template)[0],this.tip},o.setContent=function(){var t=g(this.getTipElement());this.setElementContent(t.find(nn),this.getTitle());var e=this._getContent();"function"==typeof e&&(e=e.call(this.element)),this.setElementContent(t.find(on),e),t.removeClass(tn+" "+en)},o._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},o._cleanTipClass=function(){var t=g(this.getTipElement()),e=t.attr("class").match(Ge);null!==e&&0<e.length&&t.removeClass(e.join(""))},i._jQueryInterface=function(n){return this.each(function(){var t=g(this).data(Ye),e="object"==typeof n?n:null;if((t||!/dispose|hide/.test(n))&&(t||(t=new i(this,e),g(this).data(Ye,t)),"string"==typeof n)){if("undefined"==typeof t[n])throw new TypeError('No method named "'+n+'"');t[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return Je}},{key:"NAME",get:function(){return Ve}},{key:"DATA_KEY",get:function(){return Ye}},{key:"Event",get:function(){return rn}},{key:"EVENT_KEY",get:function(){return ze}},{key:"DefaultType",get:function(){return Ze}}]),i}(Be);g.fn[Ve]=sn._jQueryInterface,g.fn[Ve].Constructor=sn,g.fn[Ve].noConflict=function(){return g.fn[Ve]=Xe,sn._jQueryInterface};var an="scrollspy",ln="bs.scrollspy",cn="."+ln,hn=g.fn[an],un={offset:10,method:"auto",target:""},fn={offset:"number",method:"string",target:"(string|element)"},dn={ACTIVATE:"activate"+cn,SCROLL:"scroll"+cn,LOAD_DATA_API:"load"+cn+".data-api"},gn="dropdown-item",_n="active",mn='[data-spy="scroll"]',pn=".nav, .list-group",vn=".nav-link",yn=".nav-item",En=".list-group-item",Cn=".dropdown",Tn=".dropdown-item",Sn=".dropdown-toggle",bn="offset",In="position",Dn=function(){function n(t,e){var n=this;this._element=t,this._scrollElement="BODY"===t.tagName?window:t,this._config=this._getConfig(e),this._selector=this._config.target+" "+vn+","+this._config.target+" "+En+","+this._config.target+" "+Tn,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,g(this._scrollElement).on(dn.SCROLL,function(t){return n._process(t)}),this.refresh(),this._process()}var t=n.prototype;return t.refresh=function(){var e=this,t=this._scrollElement===this._scrollElement.window?bn:In,o="auto"===this._config.method?t:this._config.method,r=o===In?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),[].slice.call(document.querySelectorAll(this._selector)).map(function(t){var e,n=_.getSelectorFromElement(t);if(n&&(e=document.querySelector(n)),e){var i=e.getBoundingClientRect();if(i.width||i.height)return[g(e)[o]().top+r,n]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(t){e._offsets.push(t[0]),e._targets.push(t[1])})},t.dispose=function(){g.removeData(this._element,ln),g(this._scrollElement).off(cn),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},t._getConfig=function(t){if("string"!=typeof(t=l({},un,"object"==typeof t&&t?t:{})).target){var e=g(t.target).attr("id");e||(e=_.getUID(an),g(t.target).attr("id",e)),t.target="#"+e}return _.typeCheckConfig(an,t,fn),t},t._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},t._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},t._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},t._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),n<=t){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t<this._offsets[0]&&0<this._offsets[0])return this._activeTarget=null,void this._clear();for(var o=this._offsets.length;o--;){this._activeTarget!==this._targets[o]&&t>=this._offsets[o]&&("undefined"==typeof this._offsets[o+1]||t<this._offsets[o+1])&&this._activate(this._targets[o])}}},t._activate=function(e){this._activeTarget=e,this._clear();var t=this._selector.split(",").map(function(t){return t+'[data-target="'+e+'"],'+t+'[href="'+e+'"]'}),n=g([].slice.call(document.querySelectorAll(t.join(","))));n.hasClass(gn)?(n.closest(Cn).find(Sn).addClass(_n),n.addClass(_n)):(n.addClass(_n),n.parents(pn).prev(vn+", "+En).addClass(_n),n.parents(pn).prev(yn).children(vn).addClass(_n)),g(this._scrollElement).trigger(dn.ACTIVATE,{relatedTarget:e})},t._clear=function(){[].slice.call(document.querySelectorAll(this._selector)).filter(function(t){return t.classList.contains(_n)}).forEach(function(t){return t.classList.remove(_n)})},n._jQueryInterface=function(e){return this.each(function(){var t=g(this).data(ln);if(t||(t=new n(this,"object"==typeof e&&e),g(this).data(ln,t)),"string"==typeof e){if("undefined"==typeof t[e])throw new TypeError('No method named "'+e+'"');t[e]()}})},s(n,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"Default",get:function(){return un}}]),n}();g(window).on(dn.LOAD_DATA_API,function(){for(var t=[].slice.call(document.querySelectorAll(mn)),e=t.length;e--;){var n=g(t[e]);Dn._jQueryInterface.call(n,n.data())}}),g.fn[an]=Dn._jQueryInterface,g.fn[an].Constructor=Dn,g.fn[an].noConflict=function(){return g.fn[an]=hn,Dn._jQueryInterface};var wn="bs.tab",An="."+wn,Nn=g.fn.tab,On={HIDE:"hide"+An,HIDDEN:"hidden"+An,SHOW:"show"+An,SHOWN:"shown"+An,CLICK_DATA_API:"click"+An+".data-api"},kn="dropdown-menu",Pn="active",Ln="disabled",jn="fade",Hn="show",Rn=".dropdown",xn=".nav, .list-group",Fn=".active",Un="> li > .active",Wn='[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',qn=".dropdown-toggle",Mn="> .dropdown-menu .active",Kn=function(){function i(t){this._element=t}var t=i.prototype;return t.show=function(){var n=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&g(this._element).hasClass(Pn)||g(this._element).hasClass(Ln))){var t,i,e=g(this._element).closest(xn)[0],o=_.getSelectorFromElement(this._element);if(e){var r="UL"===e.nodeName||"OL"===e.nodeName?Un:Fn;i=(i=g.makeArray(g(e).find(r)))[i.length-1]}var s=g.Event(On.HIDE,{relatedTarget:this._element}),a=g.Event(On.SHOW,{relatedTarget:i});if(i&&g(i).trigger(s),g(this._element).trigger(a),!a.isDefaultPrevented()&&!s.isDefaultPrevented()){o&&(t=document.querySelector(o)),this._activate(this._element,e);var l=function(){var t=g.Event(On.HIDDEN,{relatedTarget:n._element}),e=g.Event(On.SHOWN,{relatedTarget:i});g(i).trigger(t),g(n._element).trigger(e)};t?this._activate(t,t.parentNode,l):l()}}},t.dispose=function(){g.removeData(this._element,wn),this._element=null},t._activate=function(t,e,n){var i=this,o=(!e||"UL"!==e.nodeName&&"OL"!==e.nodeName?g(e).children(Fn):g(e).find(Un))[0],r=n&&o&&g(o).hasClass(jn),s=function(){return i._transitionComplete(t,o,n)};if(o&&r){var a=_.getTransitionDurationFromElement(o);g(o).removeClass(Hn).one(_.TRANSITION_END,s).emulateTransitionEnd(a)}else s()},t._transitionComplete=function(t,e,n){if(e){g(e).removeClass(Pn);var i=g(e.parentNode).find(Mn)[0];i&&g(i).removeClass(Pn),"tab"===e.getAttribute("role")&&e.setAttribute("aria-selected",!1)}if(g(t).addClass(Pn),"tab"===t.getAttribute("role")&&t.setAttribute("aria-selected",!0),_.reflow(t),t.classList.contains(jn)&&t.classList.add(Hn),t.parentNode&&g(t.parentNode).hasClass(kn)){var o=g(t).closest(Rn)[0];if(o){var r=[].slice.call(o.querySelectorAll(qn));g(r).addClass(Pn)}t.setAttribute("aria-expanded",!0)}n&&n()},i._jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(wn);if(e||(e=new i(this),t.data(wn,e)),"string"==typeof n){if("undefined"==typeof e[n])throw new TypeError('No method named "'+n+'"');e[n]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}}]),i}();g(document).on(On.CLICK_DATA_API,Wn,function(t){t.preventDefault(),Kn._jQueryInterface.call(g(this),"show")}),g.fn.tab=Kn._jQueryInterface,g.fn.tab.Constructor=Kn,g.fn.tab.noConflict=function(){return g.fn.tab=Nn,Kn._jQueryInterface};var Qn="toast",Bn="bs.toast",Vn="."+Bn,Yn=g.fn[Qn],zn={CLICK_DISMISS:"click.dismiss"+Vn,HIDE:"hide"+Vn,HIDDEN:"hidden"+Vn,SHOW:"show"+Vn,SHOWN:"shown"+Vn},Xn="fade",$n="hide",Gn="show",Jn="showing",Zn={animation:"boolean",autohide:"boolean",delay:"number"},ti={animation:!0,autohide:!0,delay:500},ei='[data-dismiss="toast"]',ni=function(){function i(t,e){this._element=t,this._config=this._getConfig(e),this._timeout=null,this._setListeners()}var t=i.prototype;return t.show=function(){var t=this;g(this._element).trigger(zn.SHOW),this._config.animation&&this._element.classList.add(Xn);var e=function(){t._element.classList.remove(Jn),t._element.classList.add(Gn),g(t._element).trigger(zn.SHOWN),t._config.autohide&&t.hide()};if(this._element.classList.remove($n),this._element.classList.add(Jn),this._config.animation){var n=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,e).emulateTransitionEnd(n)}else e()},t.hide=function(t){var e=this;this._element.classList.contains(Gn)&&(g(this._element).trigger(zn.HIDE),t?this._close():this._timeout=setTimeout(function(){e._close()},this._config.delay))},t.dispose=function(){clearTimeout(this._timeout),this._timeout=null,this._element.classList.contains(Gn)&&this._element.classList.remove(Gn),g(this._element).off(zn.CLICK_DISMISS),g.removeData(this._element,Bn),this._element=null,this._config=null},t._getConfig=function(t){return t=l({},ti,g(this._element).data(),"object"==typeof t&&t?t:{}),_.typeCheckConfig(Qn,t,this.constructor.DefaultType),t},t._setListeners=function(){var t=this;g(this._element).on(zn.CLICK_DISMISS,ei,function(){return t.hide(!0)})},t._close=function(){var t=this,e=function(){t._element.classList.add($n),g(t._element).trigger(zn.HIDDEN)};if(this._element.classList.remove(Gn),this._config.animation){var n=_.getTransitionDurationFromElement(this._element);g(this._element).one(_.TRANSITION_END,e).emulateTransitionEnd(n)}else e()},i._jQueryInterface=function(n){return this.each(function(){var t=g(this),e=t.data(Bn);if(e||(e=new i(this,"object"==typeof n&&n),t.data(Bn,e)),"string"==typeof n){if("undefined"==typeof e[n])throw new TypeError('No method named "'+n+'"');e[n](this)}})},s(i,null,[{key:"VERSION",get:function(){return"4.3.1"}},{key:"DefaultType",get:function(){return Zn}},{key:"Default",get:function(){return ti}}]),i}();g.fn[Qn]=ni._jQueryInterface,g.fn[Qn].Constructor=ni,g.fn[Qn].noConflict=function(){return g.fn[Qn]=Yn,ni._jQueryInterface},function(){if("undefined"==typeof g)throw new TypeError("Bootstrap's JavaScript requires jQuery. jQuery must be included before Bootstrap's JavaScript.");var t=g.fn.jquery.split(" ")[0].split(".");if(t[0]<2&&t[1]<9||1===t[0]&&9===t[1]&&t[2]<1||4<=t[0])throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(),t.Util=_,t.Alert=p,t.Button=P,t.Carousel=lt,t.Collapse=bt,t.Dropdown=Jt,t.Modal=ve,t.Popover=sn,t.Scrollspy=Dn,t.Tab=Kn,t.Toast=ni,t.Tooltip=Be,Object.defineProperty(t,"__esModule",{value:!0})});
    72//# sourceMappingURL=bootstrap.min.js.map
  • image-hover-effects-ultimate-visual-composer/trunk/asset/backend/js/settings.js

    r2590546 r2648808  
    4949    }, 1000));
    5050
    51 
    52 
    53 
    54     $(document.body).on("click", "input", function (e) {
    55 
     51    $("input[name=oxi_addons_font_awesome] ").on("change", function (e) {
    5652        var $This = $(this), name = $This.attr('name'), $value = $This.val();
    57         var rawdata = JSON.stringify({name: name, value: $value});
    58         if (name === 'oxilab_flip_box_license_key') {
    59             return;
    60         }
    61         var functionname = "oxi_settings";
     53        var rawdata = JSON.stringify({value: $value});
     54        var functionname = "oxi_addons_font_awesome";
    6255        $('.' + name).html('<span class="spinner sa-spinner-open"></span>');
    6356        Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) {
     
    6861        });
    6962    });
    70     $(document.body).on("change", "select", function (e) {
     63     $("input[name=oxi_addons_google_font] ").on("change", function (e) {
    7164        var $This = $(this), name = $This.attr('name'), $value = $This.val();
    72         var rawdata = JSON.stringify({name: name, value: $value});
    73         var functionname = "oxi_settings";
     65        var rawdata = JSON.stringify({value: $value});
     66        var functionname = "oxi_addons_google_font";
     67        $('.' + name).html('<span class="spinner sa-spinner-open"></span>');
     68        Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) {
     69            $('.' + name).html(callback);
     70            setTimeout(function () {
     71                $('.' + name).html('');
     72            }, 8000);
     73        });
     74    });
     75     $("input[name=oxi_addons_pre_loader] ").on("change", function (e) {
     76        var $This = $(this), name = $This.attr('name'), $value = $This.val();
     77        var rawdata = JSON.stringify({value: $value});
     78        var functionname = "oxi_addons_pre_loader";
     79        $('.' + name).html('<span class="spinner sa-spinner-open"></span>');
     80        Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) {
     81            $('.' + name).html(callback);
     82            setTimeout(function () {
     83                $('.' + name).html('');
     84            }, 8000);
     85        });
     86    });
     87
     88
     89
     90    $("#oxi_addons_user_permission").on("change", function (e) {
     91        var $This = $(this), name = $This.attr('name'), $value = $This.val();
     92        var rawdata = JSON.stringify({ value: $value});
     93        var functionname = "oxi_addons_user_permission";
    7494        $('.' + name).html('<span class="spinner sa-spinner-open"></span>');
    7595        Oxi_Flip_Admin_Settings(functionname, rawdata, styleid, childid, function (callback) {
  • image-hover-effects-ultimate-visual-composer/trunk/index.php

    r2646976 r2648808  
    77  Author: Biplob Adhikari
    88  Author URI: http://www.oxilab.org/
    9   Version: 2.6.0
     9  Version: 2.6.1
    1010 */
    1111if (!defined('ABSPATH'))
     
    1616define('OXI_FLIP_BOX_PATH', plugin_dir_path(__FILE__));
    1717define('OXI_FLIP_BOX_URL', plugins_url('/', __FILE__));
    18 define('OXI_FLIP_BOX_PLUGIN_VERSION', '2.6.0');
    19 define('OXI_FLIP_BOX_TEXTDOMAIN', 'oxi-flip-box-plugin');
     18define('OXI_FLIP_BOX_PLUGIN_VERSION', '2.6.1');
     19define('OXI_FLIP_BOX_TEXTDOMAIN', 'image-hover-effects-ultimate-visual-composer');
    2020
    2121/**
  • image-hover-effects-ultimate-visual-composer/trunk/readme.txt

    r2646976 r2648808  
    55Requires at least: 4.4
    66Tested up to: 5.8.2
    7 Stable tag: 2.6.0
     7Stable tag: 2.6.1
    88Requires PHP: 5.4
    99License: GPLv2 or later
     
    249249
    250250== Changelog ==
    251 = 2.6.0 =
     251= 2.6.1 =
    252252*Update Security
    253253*Modify Admin Modules
     
    317317
    318318== Upgrade Notice ==
    319 = 2.6.0 =
     319= 2.6.1 =
    320320Update Security
    321321Modify Admin Modules
Note: See TracChangeset for help on using the changeset viewer.